@northlight/ui 2.41.0 → 2.41.1

package/lib/utils/luminosity/index.ts

@@ -0,0 +1,21 @@
+export const luminosity = (hexcolor: string) => {
+  if (!hexcolor || typeof hexcolor !== 'string') return Number.NaN
+
+  let color = hexcolor.trim()
+
+  if (!/^#?[0-9a-f]{3}([0-9a-f]{3})?$/i.test(color)) {
+    return Number.NaN
+  }
+
+  if (color[0] === '#') color = color.slice(1)
+  if (color.length === 3) {
+    color = color.split('').map((h) => h + h).join('')
+  }
+
+  const r = parseInt(color.substring(0, 2), 16)
+  const g = parseInt(color.substring(2, 4), 16)
+  const b = parseInt(color.substring(4, 6), 16)
+
+  const brightness = (r * 299 + g * 587 + b * 114) / 1000
+  return brightness
+}

package/lib/utils/ring/index.ts

@@ -0,0 +1,10 @@
+import { CSSObject } from '@emotion/react'
+
+export const ring:CSSObject = {
+  _focusVisible: {
+    outline: 'none',
+    ring: '2px',
+    ringColor: 'border.wcag',
+    ringOffset: '1px',
+  },
+}

package/lib/utils/use-current-theme/index.ts

@@ -0,0 +1,10 @@
+import { createContext, useContext } from 'react'
+
+export type CurrentTheme = 'webappTheme' | 'tottTheme' | 'camphouseLightTheme'
+
+export const CustomTheme = createContext<CurrentTheme>('webappTheme')
+
+export const useCurrentTheme = () => {
+  const theme = useContext(CustomTheme)
+  return theme
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@northlight/ui",
-  "version": "2.41.0",
+  "version": "2.41.1",
   "description": "Northlight UI library, based on Chakra-ui",
   "license": "MIT",
   "author": "Camphouse",
@@ -21,6 +21,7 @@
   "types": "./dist/es/northlight.d.ts",
   "files": [
     "dist",
+    "lib",
     "sandbox"
   ],
   "scripts": {
@@ -118,5 +119,5 @@
     "react-dom": ">=18.0.0",
     "react-router-dom": "^5.0.0"
   },
-  "gitHead": "fd559db249b74856dcf44ba2615913607647637a"
+  "gitHead": "98deec7d88787e4b57e82f38273d460f5708062a"
 }