@symbo.ls/default-config 3.6.8 → 3.7.3

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.
Files changed (18) hide show
  1. package/blank/color.js +2 -2
  2. package/blank/font.js +2 -2
  3. package/blank/index.js +24 -41
  4. package/blank/media.js +1 -1
  5. package/blank/spacing.js +1 -1
  6. package/blank/theme.js +1 -1
  7. package/blank/timing.js +1 -1
  8. package/blank/typography.js +1 -1
  9. package/default/color.js +2 -2
  10. package/default/font.js +2 -2
  11. package/default/icons.js +69 -0
  12. package/default/index.js +26 -24
  13. package/default/media.js +1 -1
  14. package/default/spacing.js +1 -1
  15. package/default/theme.js +1 -1
  16. package/default/timing.js +1 -1
  17. package/default/typography.js +1 -1
  18. package/package.json +2 -4
package/blank/color.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict'
2
2
 
3
- export const COLOR = {
3
+ export const color = {
4
4
  transparent: 'rgba(0, 0, 0, 0)',
5
5
  black: 'black',
6
6
  white: 'white',
@@ -26,4 +26,4 @@ export const COLOR = {
26
26
  ]
27
27
  }
28
28
 
29
- export const GRADIENT = {}
29
+ export const gradient = {}
package/blank/font.js CHANGED
@@ -1,8 +1,8 @@
1
1
  'use strict'
2
2
 
3
- export const FONT = {}
3
+ export const font = {}
4
4
 
5
- export const FONT_FAMILY = {
5
+ export const font_family = {
6
6
  system: {
7
7
  value: ['"Helvetica Neue"', 'Helvetica', 'Arial'],
8
8
  type: 'sans-serif'
package/blank/index.js CHANGED
@@ -1,38 +1,29 @@
1
1
  'use strict'
2
2
 
3
- import { DEFAULT_ICONS } from '@symbo.ls/default-icons'
4
- import { COLOR, GRADIENT } from './color'
5
- import { THEME } from './theme'
6
- import { FONT, FONT_FAMILY } from './font'
7
- import { MEDIA } from './media'
8
- import { TIMING } from './timing'
3
+ import { color, gradient } from './color'
4
+ import { theme } from './theme'
5
+ import { typography } from './typography'
6
+ import { spacing } from './spacing'
7
+ import { font, font_family } from './font'
8
+ import { media } from './media'
9
+ import { timing } from './timing'
9
10
 
10
11
  export const DEFAULT_CONFIG = {
11
12
  version: '0.0.1',
12
- COLOR,
13
- GRADIENT,
14
- THEME,
15
- TYPOGRAPHY: {
16
- base: 16,
17
- ratio: 1.25,
18
- subSequence: true,
19
- templates: {}
20
- },
21
- SPACING: {
22
- base: 16,
23
- ratio: 1.618,
24
- subSequence: true
25
- },
26
- FONT,
27
- FONT_FAMILY,
28
- TIMING,
29
- ICONS: DEFAULT_ICONS,
30
- MEDIA,
31
- RESET: {
13
+ color,
14
+ gradient,
15
+ theme,
16
+ typography,
17
+ spacing,
18
+ font,
19
+ font_family,
20
+ timing,
21
+ media,
22
+ reset: {
32
23
  html: {},
33
24
  body: {}
34
25
  },
35
- ANIMATION: {
26
+ animation: {
36
27
  fadeIn: {
37
28
  from: {
38
29
  opacity: 0
@@ -42,20 +33,12 @@ export const DEFAULT_CONFIG = {
42
33
  }
43
34
  }
44
35
  },
45
- DEVICES: {},
46
- CASES: {},
47
- CLASS: {},
48
- SVG: {},
49
- GRID: {},
50
- SHAPE: {},
51
- useReset: true,
52
- useVariable: true,
53
- useFontImport: true,
54
- useIconSprite: true,
55
- useSvgSprite: true,
56
- useDefaultConfig: true,
57
- useDocumentTheme: true,
58
- verbose: false
36
+ devices: {},
37
+ cases: {},
38
+ class: {},
39
+ svg: {},
40
+ grid: {},
41
+ shape: {}
59
42
  }
60
43
 
61
44
  export default DEFAULT_CONFIG
package/blank/media.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict'
2
2
 
3
- export const MEDIA = {
3
+ export const media = {
4
4
  tv: '(min-width: 2780px)',
5
5
 
6
6
  screenL: '(max-width: 1920px)',
package/blank/spacing.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict'
2
2
 
3
- export const SPACING = {
3
+ export const spacing = {
4
4
  ratio: 1.618,
5
5
  subSequence: true
6
6
  }
package/blank/theme.js CHANGED
@@ -119,7 +119,7 @@ const UI = {
119
119
  }
120
120
  }
121
121
 
122
- export const THEME = {
122
+ export const theme = {
123
123
  document: {
124
124
  '@light': {
125
125
  color: 'black',
package/blank/timing.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict'
2
2
 
3
- export const TIMING = {
3
+ export const timing = {
4
4
  base: 150,
5
5
  ratio: 1.333,
6
6
  unit: 'ms',
package/blank/typography.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict'
2
2
 
3
- export const TYPOGRAPHY = {
3
+ export const typography = {
4
4
  base: 16,
5
5
  ratio: 1.25,
6
6
  subSequence: true,
package/default/color.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict'
2
2
 
3
- export const COLOR = {
3
+ export const color = {
4
4
  blue: '#213eb0',
5
5
  green: '#389d34',
6
6
  red: '#e15c55',
@@ -32,7 +32,7 @@ export const COLOR = {
32
32
  ]
33
33
  }
34
34
 
35
- export const GRADIENT = {
35
+ export const gradient = {
36
36
  'gradient-blue-light': `linear-gradient(to right,
37
37
  rgba(4, 116, 242, 1),
38
38
  rgba(0, 48, 103, 1)
package/default/font.js CHANGED
@@ -1,12 +1,12 @@
1
1
  'use strict'
2
2
 
3
- export const FONT = {
3
+ export const font = {
4
4
  SourceSans: [{
5
5
  url: ''
6
6
  }]
7
7
  }
8
8
 
9
- export const FONT_FAMILY = {
9
+ export const font_family = {
10
10
  system: {
11
11
  value: ['"Helvetica Neue"', 'Helvetica', 'Arial'],
12
12
  type: 'sans-serif'
package/default/icons.js ADDED
@@ -0,0 +1,69 @@
1
+ 'use strict'
2
+
3
+ export const icons = {
4
+ symbols:
5
+ '<svg height="24" width="24"><path d="M13.843 2.7C19.063 2.7 23 6.366 23 11.228c0 3.754-2.862 6.584-6.658 6.584-3.287 0-5.007-2.318-5.007-4.609 0-2.395 1.923-4.344 4.287-4.344.566 0 1.023.12 1.309.223a.212.212 0 01.137.229l-.016.058-.514 1.18a.223.223 0 01-.245.13 2.965 2.965 0 00-.506-.046c-1.245 0-2.258 1.027-2.258 2.288 0 1.33 1.165 2.373 2.651 2.373 2.195 0 3.913-1.777 3.913-4.046 0-3.024-2.294-5.135-5.58-5.135-4.076 0-7.393 3.36-7.393 7.491a7.519 7.519 0 002.871 5.924l-4.96 3.18A12.042 12.042 0 012 14.7c0-6.617 5.313-12 11.843-12z" fill-rule="evenodd"/></svg>',
6
+ logo: '<svg height="24" width="24"><path d="M13.843 2.7C19.063 2.7 23 6.366 23 11.228c0 3.754-2.862 6.584-6.658 6.584-3.287 0-5.007-2.318-5.007-4.609 0-2.395 1.923-4.344 4.287-4.344.566 0 1.023.12 1.309.223a.212.212 0 01.137.229l-.016.058-.514 1.18a.223.223 0 01-.245.13 2.965 2.965 0 00-.506-.046c-1.245 0-2.258 1.027-2.258 2.288 0 1.33 1.165 2.373 2.651 2.373 2.195 0 3.913-1.777 3.913-4.046 0-3.024-2.294-5.135-5.58-5.135-4.076 0-7.393 3.36-7.393 7.491a7.519 7.519 0 002.871 5.924l-4.96 3.18A12.042 12.042 0 012 14.7c0-6.617 5.313-12 11.843-12z" fill-rule="evenodd"/></svg>',
7
+ arrowDownCircle:
8
+ '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-down-circle"><circle cx="12" cy="12" r="10"/><path d="M8 12l4 4 4-4M12 8v8"/></svg>',
9
+ arrowDownLeft:
10
+ '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-down-left"><path d="M17 7L7 17M17 17H7V7"/></svg>',
11
+ arrowDownRight:
12
+ '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-down-right"><path d="M7 7l10 10M17 7v10H7"/></svg>',
13
+ arrowDown:
14
+ '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-down"><path d="M12 5v14M19 12l-7 7-7-7"/></svg>',
15
+ arrowLeftCircle:
16
+ '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left-circle"><circle cx="12" cy="12" r="10"/><path d="M12 8l-4 4 4 4M16 12H8"/></svg>',
17
+ arrowLeft:
18
+ '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left"><path d="M19 12H5M12 19l-7-7 7-7"/></svg>',
19
+ arrowRight:
20
+ '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right"><path d="M5 12h14M12 5l7 7-7 7"/></svg>',
21
+ arrowRightCircle:
22
+ '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right-circle"><circle cx="12" cy="12" r="10"/><path d="M12 16l4-4-4-4M8 12h8"/></svg>',
23
+ arrowUpCircle:
24
+ '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-up-circle"><circle cx="12" cy="12" r="10"/><path d="M16 12l-4-4-4 4M12 16V8"/></svg>',
25
+ arrowUpLeft:
26
+ '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-up-left"><path d="M17 17L7 7M7 17V7h10"/></svg>',
27
+ arrowUpRight:
28
+ '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-up-right"><path d="M7 17L17 7M7 7h10v10"/></svg>',
29
+ arrowUp:
30
+ '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-up"><path d="M12 19V5M5 12l7-7 7 7"/></svg>',
31
+ checkCircle:
32
+ '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check-circle"><path d="M22 11.08V12a10 10 0 11-5.93-9.14"/><path d="M22 4L12 14.01l-3-3"/></svg>',
33
+ check:
34
+ '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check"><path d="M20 6L9 17l-5-5"/></svg>',
35
+ chevronDown:
36
+ '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><path d="M6 9l6 6 6-6"/></svg>',
37
+ chevronLeft:
38
+ '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left"><path d="M15 18l-6-6 6-6"/></svg>',
39
+ chevronRight:
40
+ '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><path d="M9 18l6-6-6-6"/></svg>',
41
+ chevronUp:
42
+ '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-up"><path d="M18 15l-6-6-6 6"/></svg>',
43
+ copy: '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-copy"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg>',
44
+ eyeOff:
45
+ '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-eye-off"><path d="M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19m-6.72-1.07a3 3 0 11-4.24-4.24M1 1l22 22"/></svg>',
46
+ eye: '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-eye"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>',
47
+ info: '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-info"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4M12 8h.01"/></svg>',
48
+ lock: '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-lock"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0110 0v4"/></svg>',
49
+ minus:
50
+ '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus"><path d="M5 12h14"/></svg>',
51
+ sun: '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-sun"><circle cx="12" cy="12" r="5"/><path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"/></svg>',
52
+ moon: '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-moon"><path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"/></svg>',
53
+ moreHorizontal:
54
+ '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-more-horizontal"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg>',
55
+ moreVertical:
56
+ '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-more-vertical"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg>',
57
+ send: '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-send"><path d="M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z"/></svg>',
58
+ smile:
59
+ '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-smile"><circle cx="12" cy="12" r="10"/><path d="M8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01"/></svg>',
60
+ search:
61
+ '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/></svg>',
62
+ upload:
63
+ '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-upload"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M17 8l-5-5-5 5M12 3v12"/></svg>',
64
+ video:
65
+ '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-video"><path d="M23 7l-7 5 7 5V7z"/><rect x="1" y="5" width="15" height="14" rx="2" ry="2"/></svg>',
66
+ x: '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><path d="M18 6L6 18M6 6l12 12"/></svg>',
67
+ star: '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-star"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>',
68
+ plus: '<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><path d="M12 5v14M5 12h14"/></svg>'
69
+ }
package/default/index.js CHANGED
@@ -1,31 +1,31 @@
1
1
  'use strict'
2
2
 
3
- import { DEFAULT_ICONS } from '@symbo.ls/default-icons'
4
- import { COLOR, GRADIENT } from './color.js'
5
- import { THEME } from './theme.js'
6
- import { TYPOGRAPHY } from './typography.js'
7
- import { SPACING } from './spacing.js'
8
- import { FONT, FONT_FAMILY } from './font.js'
9
- import { MEDIA } from './media.js'
10
- import { TIMING } from './timing.js'
3
+ import { color, gradient } from './color.js'
4
+ import { theme } from './theme.js'
5
+ import { typography } from './typography.js'
6
+ import { spacing } from './spacing.js'
7
+ import { font, font_family } from './font.js'
8
+ import { icons } from './icons.js'
9
+ import { media } from './media.js'
10
+ import { timing } from './timing.js'
11
11
 
12
12
  export const DEFAULT_CONFIG = {
13
13
  version: '0.0.1',
14
- COLOR,
15
- GRADIENT,
16
- THEME,
17
- TYPOGRAPHY,
18
- SPACING,
19
- FONT,
20
- FONT_FAMILY,
21
- TIMING,
22
- ICONS: DEFAULT_ICONS,
23
- MEDIA,
24
- RESET: {
14
+ color,
15
+ gradient,
16
+ theme,
17
+ typography,
18
+ spacing,
19
+ font,
20
+ font_family,
21
+ timing,
22
+ icons,
23
+ media,
24
+ reset: {
25
25
  html: {},
26
26
  body: {}
27
27
  },
28
- ANIMATION: {
28
+ animation: {
29
29
  fadeIn: {
30
30
  from: {
31
31
  opacity: 0
@@ -35,10 +35,12 @@ export const DEFAULT_CONFIG = {
35
35
  }
36
36
  }
37
37
  },
38
- DEVICES: {},
39
- CASES: {},
40
- CLASS: {},
41
- SVG: {} // TODO: Check with @nikoloza on this
38
+ devices: {},
39
+ cases: {},
40
+ class: {},
41
+ svg: {},
42
+ grid: {},
43
+ shape: {}
42
44
  }
43
45
 
44
46
  export default DEFAULT_CONFIG
package/default/media.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict'
2
2
 
3
- export const MEDIA = {
3
+ export const media = {
4
4
  tv: '(min-width: 2780px)',
5
5
 
6
6
  screenL: '(max-width: 1920px)',
package/default/spacing.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict'
2
2
 
3
- export const SPACING = {
3
+ export const spacing = {
4
4
  ratio: 1.618,
5
5
  subSequence: true
6
6
  }
package/default/theme.js CHANGED
@@ -219,7 +219,7 @@ const UI = {
219
219
  }
220
220
  }
221
221
 
222
- export const THEME = {
222
+ export const theme = {
223
223
  document: {
224
224
  '@light': {
225
225
  color: 'black',
package/default/timing.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict'
2
2
 
3
- export const TIMING = {
3
+ export const timing = {
4
4
  base: 150,
5
5
  ratio: 1.333,
6
6
  unit: 'ms',
package/default/typography.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict'
2
2
 
3
- export const TYPOGRAPHY = {
3
+ export const typography = {
4
4
  base: 16,
5
5
  ratio: 1.25,
6
6
  subSequence: true,
package/package.json CHANGED
@@ -1,12 +1,10 @@
1
1
  {
2
2
  "name": "@symbo.ls/default-config",
3
- "version": "3.6.8",
3
+ "version": "3.7.3",
4
4
  "source": "./blank/index.js",
5
5
  "main": "./blank/index.js",
6
6
  "type": "module",
7
- "dependencies": {
8
- "@symbo.ls/default-icons": "^3.6.8"
9
- },
7
+ "dependencies": {},
10
8
  "license": "CC-BY-NC-4.0",
11
9
  "gitHead": "9fc1b79b41cdc725ca6b24aec64920a599634681",
12
10
  "module": "./blank/index.js",