@symbo.ls/scratch 0.7.6 → 0.7.8

package/package.json

@@ -2,7 +2,7 @@
   "name": "@symbo.ls/scratch",
   "description": "Φ / CSS framework and methodology.",
   "author": "symbo.ls",
-  "version": "0.7.6",
+  "version": "0.7.8",
   "files": [
     "src"
   ],

package/src/utils/sequence.js

@@ -149,6 +149,12 @@ export const getSequenceValue = (value = 'A', sequenceProps) => {
     absValue = absValue.split('-')[0]
   }
 
+  // if subsequence is not set but value is applied
+  if (!sequence[absValue] && absValue.length === 2) {
+    if (CONFIG.verbose) console.warn(absValue, '- value is not found because `subSequence` is set to false')
+    absValue = absValue.slice(0, 1)
+  }
+
   if (useVariable || CONFIG.useVariable) {
     const varValue = `var(${prefix}${absValue}${mediaName})`
     return isNegative ? `calc(${varValue} * -1)` : varValue
@@ -173,10 +179,12 @@ export const getSequenceValuePropertyPair = (value, propertyName, sequenceProps)
   return { [propertyName]: getSequenceValue(value, sequenceProps) }
 }
 
+export const findHeadingLetter = (h1Matches, index) => numToLetterMap[h1Matches - index]
+
 export const findHeadings = propertyNames => {
   const { h1Matches, sequence } = propertyNames
   return new Array(6).fill(null).map((_, i) => {
-    const findLetter = numToLetterMap[h1Matches - i]
+    const findLetter = findHeadingLetter(h1Matches, i)
     return sequence[findLetter]
   })
 }