@pyreon/unistyle 0.11.4 → 0.11.6

package/src/styles/styles/utils.ts

@@ -1,5 +1,5 @@
-import type { PropertyValue } from "../../types"
-import value from "../../units/value"
+import type { PropertyValue } from '../../types'
+import value from '../../units/value'
 
 const isValidValue = (v: unknown) => !!v || v === 0
 
@@ -47,7 +47,7 @@ const formatSpacing = (property: string, sides: (PropertyValue | null | undefine
   if (sides.every((val) => !!val))
     return `${property}: ${value(t)} ${value(r)} ${value(b)} ${value(l)};`
 
-  let output = ""
+  let output = ''
   if (t) output += `${property}-top: ${value(t)};`
   if (b) output += `${property}-bottom: ${value(b)};`
   if (l) output += `${property}-left: ${value(l)};`
@@ -56,7 +56,7 @@ const formatSpacing = (property: string, sides: (PropertyValue | null | undefine
   return output
 }
 
-export type SpacingShorthand = (property: "padding" | "margin") => (props: SideValues) => string
+export type SpacingShorthand = (property: 'padding' | 'margin') => (props: SideValues) => string
 
 export const spacingShorthand: SpacingShorthand = (property) => (props) =>
   formatSpacing(property, resolveSides(props))

package/src/types.ts

@@ -1,18 +1,18 @@
-import type { config } from "@pyreon/ui-core"
+import type { config } from '@pyreon/ui-core'
 
 export type Css = typeof config.css
 
-export type Defaults = "initial" | "inherit"
-export type Units = "px" | "rem" | "em" | "%" | "vh" | "vw" | "vmin" | "vmax" | "ex"
+export type Defaults = 'initial' | 'inherit'
+export type Units = 'px' | 'rem' | 'em' | '%' | 'vh' | 'vw' | 'vmin' | 'vmax' | 'ex'
 export type UnitValue = number | `${number}${Units}`
-export type PropertyValue = UnitValue | "auto" | Defaults | `calc(${string | number})`
+export type PropertyValue = UnitValue | 'auto' | Defaults | `calc(${string | number})`
 
-export type Size = "max-content" | "min-content" | "fit-content"
+export type Size = 'max-content' | 'min-content' | 'fit-content'
 
 export type Color =
   | `#${string | number}`
-  | "currentColor"
-  | "transparent"
+  | 'currentColor'
+  | 'transparent'
   | `rgb(${number}, ${number}, ${number})`
   | `rgb(${number},${number},${number})`
   | `rgba(${number}, ${number}, ${number}, ${number})`
@@ -25,151 +25,151 @@ export type Color =
   | Defaults
 
 export type BrowserColors =
-  | "black"
-  | "silver"
-  | "gray"
-  | "white"
-  | "maroon"
-  | "red"
-  | "purple"
-  | "fuchsia"
-  | "green"
-  | "lime"
-  | "olive"
-  | "yellow"
-  | "navy"
-  | "blue"
-  | "teal"
-  | "aqua"
-  | "orange"
-  | "aliceblue"
-  | "antiquewhite"
-  | "aquamarine"
-  | "azure"
-  | "beige"
-  | "bisque"
-  | "blanchedalmond"
-  | "blueviolet"
-  | "brown"
-  | "burlywood"
-  | "cadetblue"
-  | "chartreuse"
-  | "chocolate"
-  | "coral"
-  | "cornflowerblue"
-  | "cornsilk"
-  | "crimson"
-  | "cyan"
-  | "darkblue"
-  | "darkcyan"
-  | "darkgoldenrod"
-  | "darkgray"
-  | "darkgreen"
-  | "darkgrey"
-  | "darkkhaki"
-  | "darkmagenta"
-  | "darkolivegreen"
-  | "darkorange"
-  | "darkorchid"
-  | "darkred"
-  | "darksalmon"
-  | "darkseagreen"
-  | "darkslateblue"
-  | "darkslategray"
-  | "darkslategrey"
-  | "darkturquoise"
-  | "darkviolet"
-  | "deeppink"
-  | "deepskyblue"
-  | "dimgray"
-  | "dimgrey"
-  | "dodgerblue"
-  | "firebrick"
-  | "floralwhite"
-  | "forestgreen"
-  | "gainsboro"
-  | "ghostwhite"
-  | "gold"
-  | "goldenrod"
-  | "greenyellow"
-  | "grey"
-  | "honeydew"
-  | "hotpink"
-  | "indianred"
-  | "indigo"
-  | "ivory"
-  | "khaki"
-  | "lavender"
-  | "lavenderblush"
-  | "lawngreen"
-  | "lemonchiffon"
-  | "lightblue"
-  | "lightcoral"
-  | "lightcyan"
-  | "lightgoldenrodyellow"
-  | "lightgray"
-  | "lightgreen"
-  | "lightgrey"
-  | "lightpink"
-  | "lightsalmon"
-  | "lightseagreen"
-  | "lightskyblue"
-  | "lightslategray"
-  | "lightslategrey"
-  | "lightsteelblue"
-  | "lightyellow"
-  | "limegreen"
-  | "linen"
-  | "magenta"
-  | "mediumaquamarine"
-  | "mediumblue"
-  | "mediumorchid"
-  | "mediumpurple"
-  | "mediumseagreen"
-  | "mediumslateblue"
-  | "mediumspringgreen"
-  | "mediumturquoise"
-  | "mediumvioletred"
-  | "midnightblue"
-  | "mintcream"
-  | "mistyrose"
-  | "moccasin"
-  | "navajowhite"
-  | "oldlace"
-  | "olivedrab"
-  | "orangered"
-  | "orchid"
-  | "palegoldenrod"
-  | "palegreen"
-  | "paleturquoise"
-  | "palevioletred"
-  | "papayawhip"
-  | "peachpuff"
-  | "peru"
-  | "pink"
-  | "plum"
-  | "powderblue"
-  | "rosybrown"
-  | "royalblue"
-  | "saddlebrown"
-  | "salmon"
-  | "sandybrown"
-  | "seagreen"
-  | "seashell"
-  | "sienna"
-  | "skyblue"
-  | "slateblue"
-  | "slategray"
-  | "slategrey"
-  | "snow"
-  | "springgreen"
-  | "steelblue"
-  | "tan"
-  | "thistle"
-  | "tomato"
-  | "turquoise"
-  | "violet"
-  | "wheat"
-  | "whitesmoke"
-  | "yellowgreen"
-  | "rebeccapurple"
+  | 'black'
+  | 'silver'
+  | 'gray'
+  | 'white'
+  | 'maroon'
+  | 'red'
+  | 'purple'
+  | 'fuchsia'
+  | 'green'
+  | 'lime'
+  | 'olive'
+  | 'yellow'
+  | 'navy'
+  | 'blue'
+  | 'teal'
+  | 'aqua'
+  | 'orange'
+  | 'aliceblue'
+  | 'antiquewhite'
+  | 'aquamarine'
+  | 'azure'
+  | 'beige'
+  | 'bisque'
+  | 'blanchedalmond'
+  | 'blueviolet'
+  | 'brown'
+  | 'burlywood'
+  | 'cadetblue'
+  | 'chartreuse'
+  | 'chocolate'
+  | 'coral'
+  | 'cornflowerblue'
+  | 'cornsilk'
+  | 'crimson'
+  | 'cyan'
+  | 'darkblue'
+  | 'darkcyan'
+  | 'darkgoldenrod'
+  | 'darkgray'
+  | 'darkgreen'
+  | 'darkgrey'
+  | 'darkkhaki'
+  | 'darkmagenta'
+  | 'darkolivegreen'
+  | 'darkorange'
+  | 'darkorchid'
+  | 'darkred'
+  | 'darksalmon'
+  | 'darkseagreen'
+  | 'darkslateblue'
+  | 'darkslategray'
+  | 'darkslategrey'
+  | 'darkturquoise'
+  | 'darkviolet'
+  | 'deeppink'
+  | 'deepskyblue'
+  | 'dimgray'
+  | 'dimgrey'
+  | 'dodgerblue'
+  | 'firebrick'
+  | 'floralwhite'
+  | 'forestgreen'
+  | 'gainsboro'
+  | 'ghostwhite'
+  | 'gold'
+  | 'goldenrod'
+  | 'greenyellow'
+  | 'grey'
+  | 'honeydew'
+  | 'hotpink'
+  | 'indianred'
+  | 'indigo'
+  | 'ivory'
+  | 'khaki'
+  | 'lavender'
+  | 'lavenderblush'
+  | 'lawngreen'
+  | 'lemonchiffon'
+  | 'lightblue'
+  | 'lightcoral'
+  | 'lightcyan'
+  | 'lightgoldenrodyellow'
+  | 'lightgray'
+  | 'lightgreen'
+  | 'lightgrey'
+  | 'lightpink'
+  | 'lightsalmon'
+  | 'lightseagreen'
+  | 'lightskyblue'
+  | 'lightslategray'
+  | 'lightslategrey'
+  | 'lightsteelblue'
+  | 'lightyellow'
+  | 'limegreen'
+  | 'linen'
+  | 'magenta'
+  | 'mediumaquamarine'
+  | 'mediumblue'
+  | 'mediumorchid'
+  | 'mediumpurple'
+  | 'mediumseagreen'
+  | 'mediumslateblue'
+  | 'mediumspringgreen'
+  | 'mediumturquoise'
+  | 'mediumvioletred'
+  | 'midnightblue'
+  | 'mintcream'
+  | 'mistyrose'
+  | 'moccasin'
+  | 'navajowhite'
+  | 'oldlace'
+  | 'olivedrab'
+  | 'orangered'
+  | 'orchid'
+  | 'palegoldenrod'
+  | 'palegreen'
+  | 'paleturquoise'
+  | 'palevioletred'
+  | 'papayawhip'
+  | 'peachpuff'
+  | 'peru'
+  | 'pink'
+  | 'plum'
+  | 'powderblue'
+  | 'rosybrown'
+  | 'royalblue'
+  | 'saddlebrown'
+  | 'salmon'
+  | 'sandybrown'
+  | 'seagreen'
+  | 'seashell'
+  | 'sienna'
+  | 'skyblue'
+  | 'slateblue'
+  | 'slategray'
+  | 'slategrey'
+  | 'snow'
+  | 'springgreen'
+  | 'steelblue'
+  | 'tan'
+  | 'thistle'
+  | 'tomato'
+  | 'turquoise'
+  | 'violet'
+  | 'wheat'
+  | 'whitesmoke'
+  | 'yellowgreen'
+  | 'rebeccapurple'

package/src/units/index.ts

@@ -1,6 +1,6 @@
-export type { StripUnit } from "./stripUnit"
-export { default as stripUnit } from "./stripUnit"
-export type { Value } from "./value"
-export { default as value } from "./value"
-export type { Values } from "./values"
-export { default as values } from "./values"
+export type { StripUnit } from './stripUnit'
+export { default as stripUnit } from './stripUnit'
+export type { Value } from './value'
+export { default as value } from './value'
+export type { Values } from './values'
+export { default as values } from './values'

package/src/units/stripUnit.ts

@@ -9,7 +9,7 @@ export type StripUnit = <V extends string | number, UR extends boolean = false>(
 const stripUnit = ((value: string | number, unitReturn?: boolean) => {
   const cssRegex = /^([+-]?(?:\d+|\d*\.\d+))([a-z]*|%)$/
 
-  if (typeof value !== "string") return unitReturn ? [value, undefined] : value
+  if (typeof value !== 'string') return unitReturn ? [value, undefined] : value
 
   const matchedValue = value.match(cssRegex)
 

package/src/units/value.ts

@@ -1,21 +1,21 @@
-import stripUnit from "./stripUnit"
+import stripUnit from './stripUnit'
 
 type CssUnits =
-  | "px"
-  | "rem"
-  | "%"
-  | "em"
-  | "ex"
-  | "cm"
-  | "mm"
-  | "in"
-  | "pt"
-  | "pc"
-  | "ch"
-  | "vh"
-  | "vw"
-  | "vmin"
-  | "vmax"
+  | 'px'
+  | 'rem'
+  | '%'
+  | 'em'
+  | 'ex'
+  | 'cm'
+  | 'mm'
+  | 'in'
+  | 'pt'
+  | 'pc'
+  | 'ch'
+  | 'vh'
+  | 'vw'
+  | 'vmin'
+  | 'vmax'
 
 const isNotValue = (val: unknown) => !val && val !== 0
 
@@ -25,7 +25,7 @@ export type Value = (
   outputUnit?: CssUnits,
 ) => string | number | null
 
-const value: Value = (param, rootSize = 16, outputUnit = "rem"): string | number | null => {
+const value: Value = (param, rootSize = 16, outputUnit = 'rem'): string | number | null => {
   if (isNotValue(param)) return null
 
   // After the guard above, param is guaranteed to be string | number (non-null)
@@ -33,12 +33,12 @@ const value: Value = (param, rootSize = 16, outputUnit = "rem"): string | number
 
   const [val, unit] = stripUnit(p as string, true)
   if (isNotValue(val)) return null
-  if (val === 0 || typeof val === "string") return p
+  if (val === 0 || typeof val === 'string') return p
 
   const canConvert = rootSize && !Number.isNaN(val)
-  if (canConvert && !unit && outputUnit === "px") return `${val}${outputUnit}`
+  if (canConvert && !unit && outputUnit === 'px') return `${val}${outputUnit}`
   if (canConvert && !unit) return `${val / rootSize}rem`
-  if (canConvert && unit === "px" && outputUnit === "rem") return `${val / rootSize}rem`
+  if (canConvert && unit === 'px' && outputUnit === 'rem') return `${val / rootSize}rem`
   if (unit) return p
 
   return `${val}${outputUnit}`

package/src/units/values.ts

@@ -1,25 +1,25 @@
-import value from "./value"
+import value from './value'
 
 type CssUnits =
-  | "px"
-  | "rem"
-  | "%"
-  | "em"
-  | "ex"
-  | "cm"
-  | "mm"
-  | "in"
-  | "pt"
-  | "pc"
-  | "ch"
-  | "vh"
-  | "vw"
-  | "vmin"
-  | "vmax"
+  | 'px'
+  | 'rem'
+  | '%'
+  | 'em'
+  | 'ex'
+  | 'cm'
+  | 'mm'
+  | 'in'
+  | 'pt'
+  | 'pc'
+  | 'ch'
+  | 'vh'
+  | 'vw'
+  | 'vmin'
+  | 'vmax'
 
 type GetValueOf = (...args: unknown[]) => number | string
 const getValueOf: GetValueOf = (...args: any[]) =>
-  args.find((v) => typeof v !== "undefined" && v !== null)
+  args.find((v) => typeof v !== 'undefined' && v !== null)
 
 export type Values = (
   items: unknown[],
@@ -31,7 +31,7 @@ const values: Values = (items, rootSize, outputUnit) => {
   const param = getValueOf(...items)
 
   if (Array.isArray(param)) {
-    return param.map((item) => value(item, rootSize, outputUnit)).join(" ")
+    return param.map((item) => value(item, rootSize, outputUnit)).join(' ')
   }
 
   return value(param, rootSize, outputUnit)