@symbo.ls/default-config 3.6.8 → 3.7.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/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,31 @@
1
1
  'use strict'
2
2
 
3
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'
4
+ import { color, gradient } from './color'
5
+ import { theme } from './theme'
6
+ import { typography } from './typography'
7
+ import { spacing } from './spacing'
8
+ import { font, font_family } from './font'
9
+ import { media } from './media'
10
+ import { timing } from './timing'
9
11
 
10
12
  export const DEFAULT_CONFIG = {
11
13
  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: {
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: {
32
25
  html: {},
33
26
  body: {}
34
27
  },
35
- ANIMATION: {
28
+ animation: {
36
29
  fadeIn: {
37
30
  from: {
38
31
  opacity: 0
@@ -42,12 +35,12 @@ export const DEFAULT_CONFIG = {
42
35
  }
43
36
  }
44
37
  },
45
- DEVICES: {},
46
- CASES: {},
47
- CLASS: {},
48
- SVG: {},
49
- GRID: {},
50
- SHAPE: {},
38
+ devices: {},
39
+ cases: {},
40
+ class: {},
41
+ svg: {},
42
+ grid: {},
43
+ shape: {},
51
44
  useReset: true,
52
45
  useVariable: true,
53
46
  useFontImport: true,
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',
@@ -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/index.js CHANGED
@@ -1,31 +1,31 @@
1
1
  'use strict'
2
2
 
3
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'
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'
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: DEFAULT_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,10 @@ 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: {} // TODO: Check with @nikoloza on this
42
42
  }
43
43
 
44
44
  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)',
@@ -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',
@@ -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,11 +1,11 @@
1
1
  {
2
2
  "name": "@symbo.ls/default-config",
3
- "version": "3.6.8",
3
+ "version": "3.7.0",
4
4
  "source": "./blank/index.js",
5
5
  "main": "./blank/index.js",
6
6
  "type": "module",
7
7
  "dependencies": {
8
- "@symbo.ls/default-icons": "^3.6.8"
8
+ "@symbo.ls/default-icons": "^3.7.0"
9
9
  },
10
10
  "license": "CC-BY-NC-4.0",
11
11
  "gitHead": "9fc1b79b41cdc725ca6b24aec64920a599634681",