@papyrus-ui/styles 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (65) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/README.md +50 -0
  3. package/css/styles.css +25609 -0
  4. package/css/styles.css.map +1 -0
  5. package/css/styles.min.css +2 -0
  6. package/css/styles.min.css.map +1 -0
  7. package/dist/cjs/const/atoms.js +238 -0
  8. package/dist/cjs/const/atoms.js.map +1 -0
  9. package/dist/cjs/const/themes.js +167 -0
  10. package/dist/cjs/const/themes.js.map +1 -0
  11. package/dist/cjs/index.js +69 -0
  12. package/dist/cjs/index.js.map +1 -0
  13. package/dist/cjs/styles/atoms.css.vanilla.js +10 -0
  14. package/dist/cjs/styles/atoms.css.vanilla.js.map +1 -0
  15. package/dist/cjs/styles/global.css.vanilla.js +8 -0
  16. package/dist/cjs/styles/global.css.vanilla.js.map +1 -0
  17. package/dist/cjs/styles/themes.css.vanilla.js +8 -0
  18. package/dist/cjs/styles/themes.css.vanilla.js.map +1 -0
  19. package/dist/cjs/styles/utility.css.vanilla.js +26 -0
  20. package/dist/cjs/styles/utility.css.vanilla.js.map +1 -0
  21. package/dist/cjs/utils/bp.js +69 -0
  22. package/dist/cjs/utils/bp.js.map +1 -0
  23. package/dist/cjs/utils/partition-atoms.js +13 -0
  24. package/dist/cjs/utils/partition-atoms.js.map +1 -0
  25. package/dist/cjs/utils/partition-object.js +20 -0
  26. package/dist/cjs/utils/partition-object.js.map +1 -0
  27. package/dist/es/const/atoms.js +201 -0
  28. package/dist/es/const/atoms.js.map +1 -0
  29. package/dist/es/const/themes.js +163 -0
  30. package/dist/es/const/themes.js.map +1 -0
  31. package/dist/es/index.js +9 -0
  32. package/dist/es/index.js.map +1 -0
  33. package/dist/es/styles/atoms.css.vanilla.js +6 -0
  34. package/dist/es/styles/atoms.css.vanilla.js.map +1 -0
  35. package/dist/es/styles/global.css.vanilla.js +4 -0
  36. package/dist/es/styles/global.css.vanilla.js.map +1 -0
  37. package/dist/es/styles/themes.css.vanilla.js +4 -0
  38. package/dist/es/styles/themes.css.vanilla.js.map +1 -0
  39. package/dist/es/styles/utility.css.vanilla.js +13 -0
  40. package/dist/es/styles/utility.css.vanilla.js.map +1 -0
  41. package/dist/es/utils/bp.js +62 -0
  42. package/dist/es/utils/bp.js.map +1 -0
  43. package/dist/es/utils/partition-atoms.js +9 -0
  44. package/dist/es/utils/partition-atoms.js.map +1 -0
  45. package/dist/es/utils/partition-object.js +16 -0
  46. package/dist/es/utils/partition-object.js.map +1 -0
  47. package/dist/types/const/atoms.d.ts +544 -0
  48. package/dist/types/const/index.d.ts +2 -0
  49. package/dist/types/const/themes.d.ts +2 -0
  50. package/dist/types/index.d.ts +10 -0
  51. package/dist/types/styles/atoms.css.d.ts +12107 -0
  52. package/dist/types/styles/global.css.d.ts +165 -0
  53. package/dist/types/styles/themes.css.d.ts +1 -0
  54. package/dist/types/styles/utility.css.d.ts +22 -0
  55. package/dist/types/types/index.d.ts +1 -0
  56. package/dist/types/types/theme.d.ts +158 -0
  57. package/dist/types/utils/bp.d.ts +7 -0
  58. package/dist/types/utils/partition-atoms.d.ts +3 -0
  59. package/dist/types/utils/partition-object.d.ts +5 -0
  60. package/fonts/boxicons.eot +0 -0
  61. package/fonts/boxicons.svg +1660 -0
  62. package/fonts/boxicons.ttf +0 -0
  63. package/fonts/boxicons.woff +0 -0
  64. package/fonts/boxicons.woff2 +0 -0
  65. package/package.json +52 -0
@@ -0,0 +1,238 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
+
5
+ /**
6
+ * Use this file for const that are used in atoms but can be written
7
+ * manually in *.styles files. Values that are used in both atoms and *.styles files
8
+ * should be defined in themes.ts and accessed through `vars` object.
9
+ */
10
+ const BREAKPOINT = {
11
+ mobile: 0,
12
+ mobileLg: 640,
13
+ tablet: 768,
14
+ tabletLg: 1024,
15
+ desktop: 1280,
16
+ };
17
+ const POSITION = [
18
+ 'absolute',
19
+ 'fixed',
20
+ 'relative',
21
+ 'static',
22
+ 'sticky',
23
+ ];
24
+ const DISPLAY = [
25
+ 'block',
26
+ 'inline-block',
27
+ 'flex',
28
+ 'inline-flex',
29
+ 'inline',
30
+ 'none',
31
+ ];
32
+ const FLEX = {
33
+ 1: '1 0 0',
34
+ none: 'none',
35
+ };
36
+ const FLEX_WRAP = ['wrap', 'nowrap'];
37
+ const FLEX_DIRECTION = [
38
+ 'column',
39
+ 'column-reverse',
40
+ 'row',
41
+ 'row-reverse',
42
+ ];
43
+ const ALIGN_ITEMS = [
44
+ 'baseline',
45
+ 'center',
46
+ 'end',
47
+ 'flex-end',
48
+ 'flex-start',
49
+ 'start',
50
+ 'stretch',
51
+ ];
52
+ const ALIGN_SELF = [...ALIGN_ITEMS, 'self-end', 'self-start'];
53
+ const JUSTIFY_CONTENT = [
54
+ ...ALIGN_ITEMS,
55
+ 'space-around',
56
+ 'space-between',
57
+ 'space-evenly',
58
+ ];
59
+ const ASPECT_RATIO = {
60
+ square: '1/1',
61
+ landscape: '4/3',
62
+ photo: '3/2',
63
+ widescreen: '16/9',
64
+ portrait: '3/4',
65
+ portraitPhoto: '2/3',
66
+ portraitWidescreen: '9/16',
67
+ auto: 'auto',
68
+ };
69
+ const BORDER_RADIUS = {
70
+ none: 'none',
71
+ };
72
+ const BORDER_STYLE = [
73
+ 'solid',
74
+ 'dashed',
75
+ 'dotted',
76
+ 'double',
77
+ 'hidden',
78
+ 'none',
79
+ ];
80
+ const BORDER_WIDTH = [0, 1, 2, 4, 8];
81
+ const OBJECT_FIT = ['contain', 'cover'];
82
+ const ORDER = {
83
+ 0: 0,
84
+ 1: 1,
85
+ 2: 2,
86
+ 3: 3,
87
+ 4: 4,
88
+ 5: 5,
89
+ 6: 6,
90
+ 7: 7,
91
+ 8: 8,
92
+ 9: 9,
93
+ 10: 10,
94
+ 11: 11,
95
+ 12: 12,
96
+ first: -9999,
97
+ last: 9999,
98
+ };
99
+ const PADDING = {
100
+ px: '1px',
101
+ 0: '0',
102
+ 0.5: '0.125rem',
103
+ 1: '0.25rem',
104
+ 1.5: '0.375rem',
105
+ 2: '0.5rem',
106
+ 2.5: '0.625rem',
107
+ 3: '0.75rem',
108
+ 3.5: '0.875rem',
109
+ 4: '1rem',
110
+ 5: '1.25rem',
111
+ 6: '1.5rem',
112
+ 7: '1.75rem',
113
+ 8: '2rem',
114
+ 9: '2.25rem',
115
+ 10: '2.5rem',
116
+ 11: '2.75rem',
117
+ 12: '3rem',
118
+ 14: '3.5rem',
119
+ 16: '4rem',
120
+ 20: '5rem',
121
+ 24: '6rem',
122
+ 28: '7rem',
123
+ 32: '8rem',
124
+ 36: '9rem',
125
+ 40: '10rem',
126
+ 44: '11rem',
127
+ 48: '12rem',
128
+ 52: '13rem',
129
+ 56: '14rem',
130
+ 60: '15rem',
131
+ 64: '16rem',
132
+ 72: '18rem',
133
+ 80: '20rem',
134
+ 96: '24rem', // 336px
135
+ };
136
+ 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' });
137
+ const INSET = Object.assign(Object.assign({}, SPACING), { auto: 'auto' });
138
+ 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' });
139
+ 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' });
140
+ const MAX_WIDTH = {
141
+ 'none': 'none',
142
+ 0: '0rem',
143
+ 'xs': '20rem',
144
+ 'sm': '24rem',
145
+ 'md': '28rem',
146
+ 'lg': '32rem',
147
+ 'xl': '36rem',
148
+ '2xl': '42rem',
149
+ '3xl': '48rem',
150
+ '4xl': '56rem',
151
+ '5xl': '64rem',
152
+ '6xl': '72rem',
153
+ '7xl': '80rem',
154
+ 'full': '100%',
155
+ 'min': 'min-content',
156
+ 'max': 'max-content',
157
+ 'fit': 'fit-content',
158
+ 'prose': '65ch',
159
+ };
160
+ const 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' });
161
+ const MIN_WIDTH = Object.assign(Object.assign({}, PADDING), { 0: '0px', full: '100%', min: 'min-content', max: 'max-content', fit: 'fit-content' });
162
+ const 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' });
163
+ const COLOR = {
164
+ currentColor: 'currentColor',
165
+ inherit: 'inherit',
166
+ transparent: 'transparent',
167
+ };
168
+ const TEXT_ALIGN = [
169
+ 'left',
170
+ 'right',
171
+ 'center',
172
+ 'justify',
173
+ 'start',
174
+ 'end',
175
+ ];
176
+ const TEXT_DECORATION = [
177
+ 'none',
178
+ 'underline',
179
+ 'line-through',
180
+ 'overline',
181
+ ];
182
+ const TEXT_OVERFLOW = ['ellipsis', 'clip'];
183
+ const TEXT_TRANSFORM = [
184
+ 'none',
185
+ 'uppercase',
186
+ 'lowercase',
187
+ 'capitalize',
188
+ ];
189
+ const LINE_HEIGHT = {
190
+ none: '1',
191
+ };
192
+ const VERTICAL_ALIGN = ['baseline', 'top', 'middle', 'bottom'];
193
+ const WHITE_SPACE = ['normal', 'nowrap'];
194
+ const OVERFLOW = ['hidden', 'auto'];
195
+ const Z_INDEX = {
196
+ 0: 0,
197
+ 10: 10,
198
+ 20: 20,
199
+ 30: 30,
200
+ 40: 40,
201
+ 50: 50,
202
+ };
203
+
204
+ exports.ALIGN_ITEMS = ALIGN_ITEMS;
205
+ exports.ALIGN_SELF = ALIGN_SELF;
206
+ exports.ASPECT_RATIO = ASPECT_RATIO;
207
+ exports.BORDER_RADIUS = BORDER_RADIUS;
208
+ exports.BORDER_STYLE = BORDER_STYLE;
209
+ exports.BORDER_WIDTH = BORDER_WIDTH;
210
+ exports.BREAKPOINT = BREAKPOINT;
211
+ exports.COLOR = COLOR;
212
+ exports.DISPLAY = DISPLAY;
213
+ exports.FLEX = FLEX;
214
+ exports.FLEX_DIRECTION = FLEX_DIRECTION;
215
+ exports.FLEX_WRAP = FLEX_WRAP;
216
+ exports.HEIGHT = HEIGHT;
217
+ exports.INSET = INSET;
218
+ exports.JUSTIFY_CONTENT = JUSTIFY_CONTENT;
219
+ exports.LINE_HEIGHT = LINE_HEIGHT;
220
+ exports.MAX_HEIGHT = MAX_HEIGHT;
221
+ exports.MAX_WIDTH = MAX_WIDTH;
222
+ exports.MIN_HEIGHT = MIN_HEIGHT;
223
+ exports.MIN_WIDTH = MIN_WIDTH;
224
+ exports.OBJECT_FIT = OBJECT_FIT;
225
+ exports.ORDER = ORDER;
226
+ exports.OVERFLOW = OVERFLOW;
227
+ exports.PADDING = PADDING;
228
+ exports.POSITION = POSITION;
229
+ exports.SPACING = SPACING;
230
+ exports.TEXT_ALIGN = TEXT_ALIGN;
231
+ exports.TEXT_DECORATION = TEXT_DECORATION;
232
+ exports.TEXT_OVERFLOW = TEXT_OVERFLOW;
233
+ exports.TEXT_TRANSFORM = TEXT_TRANSFORM;
234
+ exports.VERTICAL_ALIGN = VERTICAL_ALIGN;
235
+ exports.WHITE_SPACE = WHITE_SPACE;
236
+ exports.WIDTH = WIDTH;
237
+ exports.Z_INDEX = Z_INDEX;
238
+ //# sourceMappingURL=atoms.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"atoms.js","sources":["../../es/const/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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"}
@@ -0,0 +1,167 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
+
5
+ const hexToRgba = require('hex-to-rgba');
6
+
7
+ const LIGHT_THEME = {
8
+ borderRadius: {
9
+ 'xs': '0.125rem',
10
+ 'sm': '0.25rem',
11
+ 'md': '0.375rem',
12
+ 'lg': '0.5rem',
13
+ 'xl': '0.75rem',
14
+ '2xl': '1rem',
15
+ '3xl': '1.5rem',
16
+ 'full': '9999px',
17
+ },
18
+ color: {
19
+ black: '#000000',
20
+ white: '#ffffff',
21
+ primary900: '#011630',
22
+ primary800: '#022B61',
23
+ primary700: '#034191',
24
+ primary600: '#0456C2',
25
+ primary500: '#056CF2',
26
+ primary400: '#358BFB',
27
+ primary300: '#6CAAFC',
28
+ primary200: '#A3CAFD',
29
+ primary100: '#DAEAFE',
30
+ primary50: '#EDF4FF',
31
+ accent900: '#331810',
32
+ accent800: '#612718',
33
+ accent700: '#92351F',
34
+ accent600: '#C74327',
35
+ accent500: '#FF512F',
36
+ accent400: '#FF7A56',
37
+ accent300: '#FF9D7E',
38
+ accent200: '#FFBFA8',
39
+ accent100: '#FFDFD3',
40
+ accent50: '#FFEFE9',
41
+ success900: '#1A2212',
42
+ success800: '#2C3E1C',
43
+ success700: '#3F5D26',
44
+ success600: '#537D2F',
45
+ success500: '#689F38',
46
+ success400: '#87B260',
47
+ success300: '#A5C587',
48
+ success200: '#C3D8AE',
49
+ success100: '#E1ECD6',
50
+ success50: '#F0F5EA',
51
+ warning900: '#311A0B',
52
+ warning800: '#5E2D10',
53
+ warning700: '#8E4010',
54
+ warning600: '#C0540E',
55
+ warning500: '#F46904',
56
+ warning400: '#FE8944',
57
+ warning300: '#FFA772',
58
+ warning200: '#FFC5A0',
59
+ warning100: '#FFE2CF',
60
+ warning50: '#FFF0E7',
61
+ danger900: '#2F130D',
62
+ danger800: '#581C14',
63
+ danger700: '#84221A',
64
+ danger600: '#B22520',
65
+ danger500: '#E22525',
66
+ danger400: '#F0604D',
67
+ danger300: '#FA8B77',
68
+ danger200: '#FFB2A2',
69
+ danger100: '#FFD9D0',
70
+ danger50: '#FFECE7',
71
+ neutral900: '#1b1c1c',
72
+ neutral800: '#363838',
73
+ neutral700: '#515454',
74
+ neutral600: '#6d7070',
75
+ neutral500: '#888C8C',
76
+ neutral400: '#a2a5a5',
77
+ neutral300: '#bbbdbd',
78
+ neutral200: '#d5d6d6',
79
+ neutral100: '#eeefef',
80
+ neutral50: '#f7f7f7',
81
+ light900: 'rgba(255, 255, 255, 0.9)',
82
+ light800: 'rgba(255, 255, 255, 0.8)',
83
+ light700: 'rgba(255, 255, 255, 0.7)',
84
+ light600: 'rgba(255, 255, 255, 0.6)',
85
+ light500: 'rgba(255, 255, 255, 0.5)',
86
+ light400: 'rgba(255, 255, 255, 0.4)',
87
+ light300: 'rgba(255, 255, 255, 0.3)',
88
+ light200: 'rgba(255, 255, 255, 0.2)',
89
+ light100: 'rgba(255, 255, 255, 0.1)',
90
+ light50: 'rgba(255, 255, 255, 0.05)',
91
+ dark900: 'rgba(0,0,0, 0.9)',
92
+ dark800: 'rgba(0,0,0, 0.8)',
93
+ dark700: 'rgba(0,0,0, 0.7)',
94
+ dark600: 'rgba(0,0,0, 0.6)',
95
+ dark500: 'rgba(0,0,0, 0.5)',
96
+ dark400: 'rgba(0,0,0, 0.4)',
97
+ dark300: 'rgba(0,0,0, 0.3)',
98
+ dark200: 'rgba(0,0,0, 0.2)',
99
+ dark100: 'rgba(0,0,0, 0.1)',
100
+ dark50: 'rgba(0,0,0, 0.05)',
101
+ },
102
+ fontFamily: {
103
+ primary: '"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif',
104
+ secondary: 'Vollkorn,Georgia,Cambria,"Times New Roman",Times,serif',
105
+ },
106
+ fontSize: {
107
+ 'xs': '0.75rem',
108
+ 'sm': '0.875rem',
109
+ 'md': '1rem',
110
+ 'lg': '1.125rem',
111
+ 'xl': '1.25rem',
112
+ '2xl': '1.5rem',
113
+ '3xl': '1.75rem',
114
+ '4xl': '2rem',
115
+ '5xl': '2.5rem',
116
+ '6xl': '3rem', // 48px
117
+ },
118
+ fontWeight: {
119
+ thin: '100',
120
+ extraLight: '200',
121
+ light: '300',
122
+ regular: '400',
123
+ medium: '500',
124
+ semiBold: '600',
125
+ bold: '700',
126
+ extraBold: '800',
127
+ black: '900',
128
+ },
129
+ letterSpacing: {
130
+ tighter: '0',
131
+ tight: '0.002em',
132
+ normal: '0.004em',
133
+ wide: '0.008em',
134
+ wider: '0.012em',
135
+ widest: '0.024em',
136
+ },
137
+ lineHeight: {
138
+ tight: '1.112',
139
+ snug: '1.2',
140
+ normal: '1.5',
141
+ relaxed: '1.625',
142
+ loose: '2',
143
+ },
144
+ gradient: {
145
+ highlight: 'linear-gradient(90deg, #FF512F 0%, #DD2476 50%, #FF512F 100%) left / 200% auto',
146
+ highlightAlt: 'linear-gradient(90deg, #FF512F 0%, #DD2476 50%, #FF512F 100%) right / 200% auto',
147
+ skeleton: 'linear-gradient(90deg, #EAEAEB 0%, #F4F5F5 99.82%, #EAEAEB 199.63%) left / 200% auto',
148
+ skeletonAlt: 'linear-gradient(90deg, #EAEAEB 0%, #F4F5F5 99.82%, #EAEAEB 199.63%) right / 200% auto',
149
+ },
150
+ boxShadow: {
151
+ sm: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
152
+ md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
153
+ lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.06)',
154
+ focus: `0 0 0 4px ${hexToRgba('#358BFB', 0.5)}`,
155
+ focusDanger: `0 0 0 4px ${hexToRgba('#F0604D', 0.5)}`,
156
+ focusSuccess: `0 0 0 4px ${hexToRgba('#87B260', 0.5)}`,
157
+ inset: 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)',
158
+ },
159
+ transition: {
160
+ base: 'color 0.15s ease-in-out, background 0.15s ease-in-out, border-color 0.15s ease-in-out, outline-color 0.15s ease-in-out, text-decoration-color 0.15s ease-in-out, fill 0.15s ease-in-out, stroke 0.15s ease-in-out, opacity 0.15s ease-in-out, box-shadow 0.15s ease-in-out, transform 0.15s ease-in-out, filter 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out',
161
+ fade: 'opacity 0.15s linear',
162
+ collapse: 'max-height 0.3s ease',
163
+ },
164
+ };
165
+
166
+ exports.LIGHT_THEME = LIGHT_THEME;
167
+ //# sourceMappingURL=themes.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"themes.js","sources":["../../es/const/themes.js"],"sourcesContent":["import hexToRgba from 'hex-to-rgba';\n\nconst LIGHT_THEME = {\n borderRadius: {\n 'xs': '0.125rem',\n 'sm': '0.25rem',\n 'md': '0.375rem',\n 'lg': '0.5rem',\n 'xl': '0.75rem',\n '2xl': '1rem',\n '3xl': '1.5rem',\n 'full': '9999px',\n },\n color: {\n black: '#000000',\n white: '#ffffff',\n primary900: '#011630',\n primary800: '#022B61',\n primary700: '#034191',\n primary600: '#0456C2',\n primary500: '#056CF2',\n primary400: '#358BFB',\n primary300: '#6CAAFC',\n primary200: '#A3CAFD',\n primary100: '#DAEAFE',\n primary50: '#EDF4FF',\n accent900: '#331810',\n accent800: '#612718',\n accent700: '#92351F',\n accent600: '#C74327',\n accent500: '#FF512F',\n accent400: '#FF7A56',\n accent300: '#FF9D7E',\n accent200: '#FFBFA8',\n accent100: '#FFDFD3',\n accent50: '#FFEFE9',\n success900: '#1A2212',\n success800: '#2C3E1C',\n success700: '#3F5D26',\n success600: '#537D2F',\n success500: '#689F38',\n success400: '#87B260',\n success300: '#A5C587',\n success200: '#C3D8AE',\n success100: '#E1ECD6',\n success50: '#F0F5EA',\n warning900: '#311A0B',\n warning800: '#5E2D10',\n warning700: '#8E4010',\n warning600: '#C0540E',\n warning500: '#F46904',\n warning400: '#FE8944',\n warning300: '#FFA772',\n warning200: '#FFC5A0',\n warning100: '#FFE2CF',\n warning50: '#FFF0E7',\n danger900: '#2F130D',\n danger800: '#581C14',\n danger700: '#84221A',\n danger600: '#B22520',\n danger500: '#E22525',\n danger400: '#F0604D',\n danger300: '#FA8B77',\n danger200: '#FFB2A2',\n danger100: '#FFD9D0',\n danger50: '#FFECE7',\n neutral900: '#1b1c1c',\n neutral800: '#363838',\n neutral700: '#515454',\n neutral600: '#6d7070',\n neutral500: '#888C8C',\n neutral400: '#a2a5a5',\n neutral300: '#bbbdbd',\n neutral200: '#d5d6d6',\n neutral100: '#eeefef',\n neutral50: '#f7f7f7',\n light900: 'rgba(255, 255, 255, 0.9)',\n light800: 'rgba(255, 255, 255, 0.8)',\n light700: 'rgba(255, 255, 255, 0.7)',\n light600: 'rgba(255, 255, 255, 0.6)',\n light500: 'rgba(255, 255, 255, 0.5)',\n light400: 'rgba(255, 255, 255, 0.4)',\n light300: 'rgba(255, 255, 255, 0.3)',\n light200: 'rgba(255, 255, 255, 0.2)',\n light100: 'rgba(255, 255, 255, 0.1)',\n light50: 'rgba(255, 255, 255, 0.05)',\n dark900: 'rgba(0,0,0, 0.9)',\n dark800: 'rgba(0,0,0, 0.8)',\n dark700: 'rgba(0,0,0, 0.7)',\n dark600: 'rgba(0,0,0, 0.6)',\n dark500: 'rgba(0,0,0, 0.5)',\n dark400: 'rgba(0,0,0, 0.4)',\n dark300: 'rgba(0,0,0, 0.3)',\n dark200: 'rgba(0,0,0, 0.2)',\n dark100: 'rgba(0,0,0, 0.1)',\n dark50: 'rgba(0,0,0, 0.05)',\n },\n fontFamily: {\n primary: '\"Source Sans Pro\",\"Helvetica Neue\",Helvetica,Arial,sans-serif',\n secondary: 'Vollkorn,Georgia,Cambria,\"Times New Roman\",Times,serif',\n },\n fontSize: {\n 'xs': '0.75rem',\n 'sm': '0.875rem',\n 'md': '1rem',\n 'lg': '1.125rem',\n 'xl': '1.25rem',\n '2xl': '1.5rem',\n '3xl': '1.75rem',\n '4xl': '2rem',\n '5xl': '2.5rem',\n '6xl': '3rem', // 48px\n },\n fontWeight: {\n thin: '100',\n extraLight: '200',\n light: '300',\n regular: '400',\n medium: '500',\n semiBold: '600',\n bold: '700',\n extraBold: '800',\n black: '900',\n },\n letterSpacing: {\n tighter: '0',\n tight: '0.002em',\n normal: '0.004em',\n wide: '0.008em',\n wider: '0.012em',\n widest: '0.024em',\n },\n lineHeight: {\n tight: '1.112',\n snug: '1.2',\n normal: '1.5',\n relaxed: '1.625',\n loose: '2',\n },\n gradient: {\n highlight: 'linear-gradient(90deg, #FF512F 0%, #DD2476 50%, #FF512F 100%) left / 200% auto',\n highlightAlt: 'linear-gradient(90deg, #FF512F 0%, #DD2476 50%, #FF512F 100%) right / 200% auto',\n skeleton: 'linear-gradient(90deg, #EAEAEB 0%, #F4F5F5 99.82%, #EAEAEB 199.63%) left / 200% auto',\n skeletonAlt: 'linear-gradient(90deg, #EAEAEB 0%, #F4F5F5 99.82%, #EAEAEB 199.63%) right / 200% auto',\n },\n boxShadow: {\n sm: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',\n md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',\n lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.06)',\n focus: `0 0 0 4px ${hexToRgba('#358BFB', 0.5)}`,\n focusDanger: `0 0 0 4px ${hexToRgba('#F0604D', 0.5)}`,\n focusSuccess: `0 0 0 4px ${hexToRgba('#87B260', 0.5)}`,\n inset: 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)',\n },\n transition: {\n base: 'color 0.15s ease-in-out, background 0.15s ease-in-out, border-color 0.15s ease-in-out, outline-color 0.15s ease-in-out, text-decoration-color 0.15s ease-in-out, fill 0.15s ease-in-out, stroke 0.15s ease-in-out, opacity 0.15s ease-in-out, box-shadow 0.15s ease-in-out, transform 0.15s ease-in-out, filter 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out',\n fade: 'opacity 0.15s linear',\n collapse: 'max-height 0.3s ease',\n },\n};\n\nexport { LIGHT_THEME };\n//# sourceMappingURL=themes.js.map\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,69 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
+
5
+ const bp = require('./utils/bp.js');
6
+ const partitionAtoms = require('./utils/partition-atoms.js');
7
+ const global_css_vanilla = require('./styles/global.css.vanilla.js');
8
+ const themes_css_vanilla = require('./styles/themes.css.vanilla.js');
9
+ const atoms_css_vanilla = require('./styles/atoms.css.vanilla.js');
10
+ const utility_css_vanilla = require('./styles/utility.css.vanilla.js');
11
+ const atoms = require('./const/atoms.js');
12
+ const themes = require('./const/themes.js');
13
+
14
+
15
+
16
+ exports.bpBetween = bp.bpBetween;
17
+ exports.bpDown = bp.bpDown;
18
+ exports.bpOnly = bp.bpOnly;
19
+ exports.bpUp = bp.bpUp;
20
+ exports.partitionAtoms = partitionAtoms.partitionAtoms;
21
+ exports.vars = global_css_vanilla.vars;
22
+ exports.lightTheme = themes_css_vanilla.lightTheme;
23
+ exports.atoms = atoms_css_vanilla.atoms;
24
+ exports.breakWordStyle = utility_css_vanilla.breakWordStyle;
25
+ exports.collapseInStyle = utility_css_vanilla.collapseInStyle;
26
+ exports.collapseStyle = utility_css_vanilla.collapseStyle;
27
+ exports.fadeInStyle = utility_css_vanilla.fadeInStyle;
28
+ exports.fadeStyle = utility_css_vanilla.fadeStyle;
29
+ exports.hideScrollbarStyle = utility_css_vanilla.hideScrollbarStyle;
30
+ exports.hideVisuallyStyle = utility_css_vanilla.hideVisuallyStyle;
31
+ exports.highlightStyle = utility_css_vanilla.highlightStyle;
32
+ exports.interactiveStyle = utility_css_vanilla.interactiveStyle;
33
+ exports.truncateStyle = utility_css_vanilla.truncateStyle;
34
+ exports.ALIGN_ITEMS = atoms.ALIGN_ITEMS;
35
+ exports.ALIGN_SELF = atoms.ALIGN_SELF;
36
+ exports.ASPECT_RATIO = atoms.ASPECT_RATIO;
37
+ exports.BORDER_RADIUS = atoms.BORDER_RADIUS;
38
+ exports.BORDER_STYLE = atoms.BORDER_STYLE;
39
+ exports.BORDER_WIDTH = atoms.BORDER_WIDTH;
40
+ exports.BREAKPOINT = atoms.BREAKPOINT;
41
+ exports.COLOR = atoms.COLOR;
42
+ exports.DISPLAY = atoms.DISPLAY;
43
+ exports.FLEX = atoms.FLEX;
44
+ exports.FLEX_DIRECTION = atoms.FLEX_DIRECTION;
45
+ exports.FLEX_WRAP = atoms.FLEX_WRAP;
46
+ exports.HEIGHT = atoms.HEIGHT;
47
+ exports.INSET = atoms.INSET;
48
+ exports.JUSTIFY_CONTENT = atoms.JUSTIFY_CONTENT;
49
+ exports.LINE_HEIGHT = atoms.LINE_HEIGHT;
50
+ exports.MAX_HEIGHT = atoms.MAX_HEIGHT;
51
+ exports.MAX_WIDTH = atoms.MAX_WIDTH;
52
+ exports.MIN_HEIGHT = atoms.MIN_HEIGHT;
53
+ exports.MIN_WIDTH = atoms.MIN_WIDTH;
54
+ exports.OBJECT_FIT = atoms.OBJECT_FIT;
55
+ exports.ORDER = atoms.ORDER;
56
+ exports.OVERFLOW = atoms.OVERFLOW;
57
+ exports.PADDING = atoms.PADDING;
58
+ exports.POSITION = atoms.POSITION;
59
+ exports.SPACING = atoms.SPACING;
60
+ exports.TEXT_ALIGN = atoms.TEXT_ALIGN;
61
+ exports.TEXT_DECORATION = atoms.TEXT_DECORATION;
62
+ exports.TEXT_OVERFLOW = atoms.TEXT_OVERFLOW;
63
+ exports.TEXT_TRANSFORM = atoms.TEXT_TRANSFORM;
64
+ exports.VERTICAL_ALIGN = atoms.VERTICAL_ALIGN;
65
+ exports.WHITE_SPACE = atoms.WHITE_SPACE;
66
+ exports.WIDTH = atoms.WIDTH;
67
+ exports.Z_INDEX = atoms.Z_INDEX;
68
+ exports.LIGHT_THEME = themes.LIGHT_THEME;
69
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}