@arkitektbedriftene/fe-lib 0.2.13 → 0.2.15

package/dist/colors.d.ts

@@ -0,0 +1 @@
+export * from './lib/colors/colors'

package/dist/colors.es.js

@@ -0,0 +1,20 @@
+const e = {
+  black: "#000000",
+  blackWeb: "#222",
+  white: "#FFFFFF",
+  mainGreenBlue: "#0f8999",
+  mainGreenBlueLighter: "#6fb8c2",
+  mainGreenBlueDarker: "#156974",
+  lightAqua: "#3ea090",
+  lightAquaLighter: "#8bc6bc",
+  lightAquaDarker: "#36796e",
+  forestGreen: "#2e7641",
+  forestGreenLighter: "#82ad8d",
+  forestGreenDarker: "#2b5c37",
+  orange: "#d6751d",
+  orangeLighter: "#e6ac77",
+  orangeDarker: "#a05b1e"
+};
+export {
+  e as colors
+};

package/dist/lib/colors/colors.d.ts

@@ -0,0 +1,18 @@
+declare const colors: {
+    black: string;
+    blackWeb: string;
+    white: string;
+    mainGreenBlue: string;
+    mainGreenBlueLighter: string;
+    mainGreenBlueDarker: string;
+    lightAqua: string;
+    lightAquaLighter: string;
+    lightAquaDarker: string;
+    forestGreen: string;
+    forestGreenLighter: string;
+    forestGreenDarker: string;
+    orange: string;
+    orangeLighter: string;
+    orangeDarker: string;
+};
+export { colors };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arkitektbedriftene/fe-lib",
-  "version": "0.2.13",
+  "version": "0.2.15",
   "type": "module",
   "main": "./dist/index.umd.cjs",
   "module": "./dist/index.es.js",
@@ -16,7 +16,10 @@
     },
     "./icons": {
       "import": "./dist/icons.es.js"
-    }
+    },
+    "./colors": {
+      "import": "./dist/colors.es.js"
+     }
   },
   "typesVersions": {
     "*": {
@@ -30,7 +33,7 @@
         "dist/icons.d.ts"
       ],
       "hooks": [
-        "dist/hooks.d.ts"
+        "dist/hook.d.ts"
       ]
     }
   },

package/src/App.tsx

@@ -1,7 +1,8 @@
 import { useState } from 'react'
 import reactLogo from './assets/react.svg'
- import './App.css'
-import {ProductExternalIdToIcon} from './lib/icons/icons'
+import './App.css'
+import { ProductExternalIdToIcon } from './lib/icons/icons'
+import { colors } from './lib/colors/colors'
 
 function App() {
   const [count, setCount] = useState(0)
@@ -9,7 +10,7 @@ function App() {
   return (
     <div className="App">
       <div>
-         
+
         <a href="https://reactjs.org" target="_blank">
           <img src={reactLogo} className="logo react" alt="React logo" />
         </a>
@@ -24,6 +25,7 @@ function App() {
         </p>
       </div>
       <ProductExternalIdToIcon ExternalId='M_MEDLEM'></ProductExternalIdToIcon>
+      <div style={{ backgroundColor: colors.forestGreen }}>forestGreen</div>
     </div>
   )
 }

package/src/lib/colors/colors.ts

@@ -0,0 +1,19 @@
+ const colors = {
+  black: "#000000",
+  blackWeb: "#222",
+  white: "#FFFFFF",
+  mainGreenBlue: "#0f8999",
+  mainGreenBlueLighter: "#6fb8c2",
+  mainGreenBlueDarker: "#156974",
+  lightAqua: "#3ea090",
+  lightAquaLighter: "#8bc6bc",
+  lightAquaDarker: "#36796e",
+  forestGreen: "#2e7641",
+  forestGreenLighter: "#82ad8d",
+  forestGreenDarker: "#2b5c37",
+  orange: "#d6751d",
+  orangeLighter: "#e6ac77",
+  orangeDarker: "#a05b1e",
+};
+
+export { colors};

package/vite.config.ts

@@ -11,6 +11,7 @@ export default defineConfig({
         "src/lib/oidc/oidc.tsx",
         "src/lib/hooks/hooks.ts",
         "src/lib/icons/icons.tsx",
+        "src/lib/colors/colors.ts",
       ],
       name: "fe-lib",
       formats: ["es"],