lumina-sass 1.6.13 → 1.6.15

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 (6) hide show
  1. package/package.json +1 -1
  2. package/src/_index.sass +0 -1
  3. package/src/color/_index.sass +1 -0
  4. package/src/map/_devices-breakpoints.sass +8 -9
  5. package/src/mix/_generators.sass +0 -1
  6. package/src/mix/_media.sass +2 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "lumina-sass",
3
- "version": "1.6.13",
3
+ "version": "1.6.15",
4
4
  "description": "Lumina Sass design tokens and mixins",
5
5
  "main": "src/_index.sass",
6
6
  "sass": "src/_index.sass",
package/src/_index.sass CHANGED
@@ -1,4 +1,3 @@
1
- @forward 'variables'
2
1
  @forward 'mix'
3
2
  @forward 'color'
4
3
  @forward 'flexbox'
package/src/color/_index.sass CHANGED
@@ -4,4 +4,5 @@
4
4
  @forward 'brands'
5
5
  @forward 'stacks'
6
6
  @forward 'accents'
7
+ @forward 'neutral'
7
8
  @forward 'palette/groovy-70s'
package/src/map/_devices-breakpoints.sass CHANGED
@@ -8,24 +8,23 @@ $breakpoints:(
8
8
  '2XL': 80rem, '3XL': 81.25rem,
9
9
  )
10
10
 
11
+ $apple: ('ipad': (inline-size: 48rem, block-size: map.get($breakpoints, 'XL')), 'ipad-air': (block-size: 73.75rem, inline-size: 51.25rem), 'ipad-pro': (block-size: 85.375rem, inline-size: 64rem), 'tv-cd': (block-size: 160rem, inline-size: 100rem), 'iphone': (block-size: 30rem, inline-size: 20rem), 'iphone-7': (block-size: 41.6875rem, inline-size: 23.4375rem), 'iphone-xr': (block-size: 56rem, inline-size: 25.875rem), 'iphone-pro': (block-size: 52.75rem, inline-size: 24.375rem), 'iphone-pro-height': 52.75rem, 'iphone-plus': (block-size: 46rem, inline-size: 25.75rem), 'iphone-pro-max': (block-size: 57.875rem, inline-size: 26.875rem))
12
+ $black-berry: ('bt': (inline-size: map.get(map.get($apple, 'iphone'),'block-size'), block-size: 40rem), 'curve': (inline-size: 22.5rem, block-size: map.get(map.get($apple, 'iphone'),'block-size')), 'original': (block-size: 50rem, inline-size: map.get(map.get($apple, 'iphone'),'block-size')))
13
+ $google: ('pixel': (block-size: 57.1875rem, inline-size: map.get(map.get($black-berry, 'original'), 'inline-size')), 'nest-hub': (block-size: 37.5rem, inline-size: map.get($breakpoints, 'XL')), 'nest-hub-max': (block-size: map.get($breakpoints, 'XL'), inline-size: map.get(map.get($black-berry, 'original'), 'inline-size')))
14
+ $htc: ('desire': (block-size: 33.3125rem, inline-size: map.get(map.get($google, 'nest-hub-max'), 'inline-size')), 'sensation': (block-size: 60rem, inline-size: 33.75rem), 'one': (block-size: map.get(map.get($black-berry, 'original'), 'block-size'), inline-size: map.get(map.get($google, 'nest-hub-max'), 'inline-size')))
11
15
  $motorola: ('mobility-milestone': (block-size: 35.625rem, inline-size: map.get(map.get($htc, 'desire'), 'inline-size')))
12
16
  $sony-ericson: ('u': (block-size: 53.375rem, inline-size: map.get(map.get($motorola, 'mobility-milestone'),'inline-size')))
13
- $misc-breakpoints: ('tablet': (block-size: 50rem, inline-size: 37.5rem), 'wideScreen': (block-size: 48rem, inline-size: 79.625rem))
14
17
  $amazon: ('kindle-fire': (inline-size: 37.5rem, block-size: map.get($breakpoints, 'XL')), 'kindle-fire-hd': (inline-size: 50rem, block-size: map.get($breakpoints, '2XL')))
18
+ $asus: ('zbc': (inline-size: 53.3125rem, block-size: map.get(map.get($amazon, 'kindle-fire-hd'), 'block-size')), 'zbf': (inline-size: 106.625rem, block-size: map.get(map.get($amazon, 'kindle-fire-hd'), 'block-size')))
19
+ $samsung: ('gcz5': (block-size: 46.25rem, inline-size: 21.5rem), 'gs8': (block-size: 46.25rem, inline-size: map.get(map.get($black-berry, 'curve'), 'inline-size')), 'gfz5': (block-size: 51.8125rem, inline-size: map.get(map.get($black-berry, 'curve'), 'inline-size')), 'ga5171': (block-size: 57.125rem, inline-size: map.get(map.get($apple, 'iphone-plus'), 'inline-size')), 'tab': (block-size: 42.6875rem, inline-size: 25rem), 'gs20u': (block-size: map.get(map.get($google, 'pixel'), 'block-size'), inline-size: map.get(map.get($apple, 'iphone-plus'), 'inline-size')))
15
20
  $microsoft: ('surface-pro': (block-size: 85.5rem, inline-size: 57rem), 'surface-duoc': (block-size: 45rem, inline-size: map.get(map.get($htc, 'sensation'), 'inline-size')))
16
21
  $display: ('hd-720p': (block-size: 45rem, inline-size: 80rem), 'hd-1080i': (block-size: 67.5rem, inline-size: 90rem), 'hd-1080p': (block-size: 52.875rem, inline-size: 114.938rem))
17
- $asus: ('zbc': (inline-size: 53.3125rem, block-size: map.get(map.get($amazon, 'kindle-fire-hd'), 'block-size')), 'zbf': (inline-size: 106.625rem, block-size: map.get(map.get($amazon, 'kindle-fire-hd'), 'block-size')))
18
- $black-berry: ('bt': (inline-size: map.get(map.get($apple, 'iphone'),'block-size'), block-size: 40rem), 'curve': (inline-size: 22.5rem, block-size: map.get(map.get($apple, 'iphone'),'block-size')), 'original': (block-size: 50rem, inline-size: map.get(map.get($apple, 'iphone'),'block-size')))
19
- $htc: ('desire': (block-size: 33.3125rem, inline-size: map.get(map.get($google, 'nest-hub-max'), 'inline-size')), 'sensation': (block-size: 60rem, inline-size: 33.75rem), 'one': (block-size: map.get(map.get($black-berry, 'original'), 'block-size'), inline-size: map.get(map.get($google, 'nest-hub-max'), 'inline-size')))
20
- $google: ('pixel': (block-size: 57.1875rem, inline-size: map.get(map.get($black-berry, 'original'), 'inline-size')), 'nest-hub': (block-size: 37.5rem, inline-size: map.get($breakpoints, 'XL')), 'nest-hub-max': (block-size: map.get($breakpoints, 'XL'), inline-size: map.get(map.get($black-berry, 'original'), 'inline-size')))
22
+ $misc-breakpoints: ('tablet': (block-size: 50rem, inline-size: 37.5rem), 'wideScreen': (block-size: 48rem, inline-size: 79.625rem))
21
23
  $sharp: ('is03': (block-size: map.get(map.get($htc, 'one'), 'block-size'), inline-size: map.get(map.get($samsung, 'gs8'), 'inline-size')), '941sh': (block-size: map.get($breakpoints, 'XL'), inline-size: map.get(map.get($sony-ericson, 'u'), 'inline-size')), 'sx862': (block-size: map.get(map.get($sony-ericson, 'u'), 'block-size'), inline-size: map.get(map.get($sony-ericson, 'u'), 'inline-size')))
22
- $samsung: ('gcz5': (block-size: 46.25rem, inline-size: 21.5rem), 'gs8': (block-size: 46.25rem, inline-size: map.get(map.get($black-berry, 'curve'), 'inline-size')), 'gfz5': (block-size: 51.8125rem, inline-size: map.get(map.get($black-berry, 'curve'), 'inline-size')), 'ga5171': (block-size: 57.125rem, inline-size: map.get(map.get($apple, 'iphone-plus'), 'inline-size')), 'tab': (block-size: 42.6875rem, inline-size: 25rem), 'gs20u': (block-size: map.get(map.get($google, 'pixel'), 'block-size'), inline-size: map.get(map.get($apple, 'iphone-plus'), 'inline-size')))
23
- $apple: ('ipad': (inline-size: 48rem, block-size: map.get($breakpoints, 'XL')), 'ipad-air': (block-size: 73.75rem, inline-size: 51.25rem), 'ipad-pro': (block-size: 85.375rem, inline-size: 64rem), 'tv-cd': (block-size: 160rem, inline-size: 100rem), 'iphone': (block-size: 30rem, inline-size: 20rem), 'iphone-7': (block-size: 41.6875rem, inline-size: 23.4375rem), 'iphone-xr': (block-size: 56rem, inline-size: 25.875rem), 'iphone-pro': (block-size: 52.75rem, inline-size: 24.375rem), 'iphone-pro-height': 52.75rem, 'iphone-plus': (block-size: 46rem, inline-size: 25.75rem), 'iphone-pro-max': (block-size: 57.875rem, inline-size: 26.875rem))
24
-
25
24
 
26
25
  $devices:(
27
26
  'htc': $htc, 'sharp': $sharp, 'apple': $apple,
28
27
  'google': $google, 'display': $display, 'samsung': $samsung,
29
28
  'motorola': $motorola, 'misc': $misc-breakpoints,
30
29
  'black-berry': $black-berry, 'sony-ericson': $sony-ericson,
31
- )
30
+ )
package/src/mix/_generators.sass CHANGED
@@ -1,4 +1,3 @@
1
- @use './mix' as mix
2
1
  @use 'sass:map' as map
3
2
  @use '../map/icons' as icon-map
4
3
  @use '../map/flexbox' as flexbox-mapping
package/src/mix/_media.sass CHANGED
@@ -1,4 +1,5 @@
1
1
  @use 'sass:map'
2
+ @use 'typography' as typo
2
3
  @use '../map/devices-breakpoints' as bp
3
4
 
4
5
 
@@ -20,6 +21,6 @@
20
21
  object-fit: $object-fit
21
22
  figcaption
22
23
  @if $size != null & $style != null
23
- @include mix.font($size, $style)
24
+ @include typo.font($size, $style)
24
25
 
25
26