@sb1/ffe-core 29.1.2 → 29.1.4

package/css/colors.css

@@ -27,9 +27,9 @@
   --ffe-farge-lyng: #873953;
   --ffe-farge-lyng-70: #ab7487;
   --ffe-farge-lyng-30: #dbc4cb;
-  --ffe-farge-baer: #e44244;
-  --ffe-farge-baer-70: #ec7b7c;
-  --ffe-farge-baer-30: #f7c6c7;
+  --ffe-farge-baer: #db3335;
+  --ffe-farge-baer-70: #e67072;
+  --ffe-farge-baer-30: #f4c2c2;
   --ffe-farge-skog: #00754e;
   --ffe-farge-skog-70: #4d9e83;
   --ffe-farge-skog-30: #b3d6ca;

package/es/breakpoints.js

@@ -0,0 +1,4 @@
+export var breakpointSm = '480px';
+export var breakpointMd = '768px';
+export var breakpointLg = '1024px';
+export var breakpointXl = '1280px';

package/es/colors-deprecated.js

@@ -0,0 +1,36 @@
+export var blueRoyal = '#002776';
+export var blueCobalt = '#005aa4';
+export var blueAzure = '#0071cd';
+export var blueSky = '#7fc6e8';
+export var bluePale = '#dff1f9';
+export var blueIce = '#eff8fc';
+export var blueFocus = '#a1dfff';
+export var green = '#37b441';
+export var greenShamrock = '#008a00';
+export var greenEmerald = '#007b00';
+export var greenMint = '#e1f4e3';
+export var orange = '#ff9100';
+export var orangeFire = '#da3d00';
+export var orangeSalmon = '#f3bbaa';
+export var red = '#e60000';
+export var purple = '#c94096';
+export var purpleMagenta = '#a20076';
+export var purpleViolet = '#551a8b';
+export var sand = '#f8f5eb';
+export var white = '#fff';
+export var grey = '#adadad';
+export var greyCloud = '#f4f4f4';
+export var greySilver = '#ccc';
+export var greyCharcoal = '#676767';
+export var greyWarm = '#f6f6f3';
+export var black = '#262626';
+export var blueDeepSky = '#008ed2';
+export var sandIvory = '#fbfaf5';
+export var blackDarkmode = '#000000';
+export var whiteDarkmode = '#ffffff';
+export var greyCharcoalDarkmode = '#1c1c1c';
+export var greyDarkmode = '#292929';
+export var greySilverDarkmode = '#858585';
+export var greyCloudDarkmode = '#cccccc';
+export var blueAzureDarkmode = '#0a91ff';
+export var redDarkmode = '#ff2424';

package/es/colors.js

@@ -0,0 +1,49 @@
+export var fargeFjell = '#002776';
+export var fargeFjell70 = '#4d689f';
+export var fargeFjell30 = '#b3bed6';
+export var fargeVann = '#005aa4';
+export var fargeVann70 = '#4d8cbf';
+export var fargeVann30 = '#b3cee4';
+export var fargeSand = '#f8e9dd';
+export var fargeSand70 = '#faf0e7';
+export var fargeSand30 = '#fdf8f5';
+export var fargeFrost = '#7eb5d2';
+export var fargeFrost70 = '#a5cbe0';
+export var fargeFrost30 = '#d8e9f2';
+export var fargeSyrin = '#d3d3ea';
+export var fargeSyrin70 = '#e0e0f0';
+export var fargeSyrin30 = '#f2f2f9';
+export var fargeMyrull = '#fae4e0';
+export var fargeMyrull70 = '#fcece9';
+export var fargeMyrull30 = '#fef7f6';
+export var fargeVillblomst = '#ee8d9c';
+export var fargeVillblomst70 = '#f3afba';
+export var fargeVillblomst30 = '#fadde1';
+export var fargeNordlys = '#33af85';
+export var fargeNordlys70 = '#70c7aa';
+export var fargeNordlys30 = '#c2e7da';
+export var fargeLyng = '#873953';
+export var fargeLyng70 = '#ab7487';
+export var fargeLyng30 = '#dbc4cb';
+export var fargeBaer = '#db3335';
+export var fargeBaer70 = '#e67072';
+export var fargeBaer30 = '#f4c2c2';
+export var fargeSkog = '#00754e';
+export var fargeSkog70 = '#4d9e83';
+export var fargeSkog30 = '#b3d6ca';
+export var fargeMulte = '#f8b181';
+export var fargeMulte70 = '#fac8a7';
+export var fargeMulte30 = '#fde8d9';
+export var fargeSol = '#dc8000';
+export var fargeSol70 = '#e7a64d';
+export var fargeSol30 = '#f5d9b3';
+export var fargeNatt = '#001032';
+export var fargeSvart = '#020a0a';
+export var fargeKoksgraa = '#323232';
+export var fargeMoerkgraa = '#676767';
+export var fargeGraa = '#adadad';
+export var fargeLysgraa = '#d8d8d8';
+export var fargeMoerkvarmgraa = '#848383';
+export var fargeVarmgraa = '#9b9797';
+export var fargeLysvarmgraa = '#d7d2cb';
+export var fargeHvit = '#fff';

package/es/dimensions.js

@@ -0,0 +1,3 @@
+export var appWidth = '1280px';
+export var appWidthMin = '320px';
+export var appMargin = '20px';

package/es/motion.js

@@ -0,0 +1,3 @@
+export var easeInOutBack = 'cubic-bezier(0.46, -0.265, 0.48, 1.38)';
+export var ease = 'cubic-bezier(0.25, 0.1, 0.25, 1)';
+export var transitionDuration = '0.2s';

package/es/spacing.js

@@ -0,0 +1,11 @@
+export var spacing = '8px';
+export var spacing2xs = '4px';
+export var spacingXs = '8px';
+export var spacingSm = '16px';
+export var spacingMd = '24px';
+export var spacingLg = '32px';
+export var spacingXl = '40px';
+export var spacing2xl = '48px';
+export var spacing3xl = '64px';
+export var spacing4xl = '80px';
+export var spacing5xl = '160px';

package/es/tsconfig.esm.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["../gen-src/index.ts"],"version":"5.6.3"}

package/less/colors.less

@@ -32,7 +32,7 @@
 @ffe-farge-lyng: #873953;
 @ffe-farge-lyng-70: tint(@ffe-farge-lyng, 30%);
 @ffe-farge-lyng-30: tint(@ffe-farge-lyng, 70%);
-@ffe-farge-baer: #e44244;
+@ffe-farge-baer: #db3335;
 @ffe-farge-baer-70: tint(@ffe-farge-baer, 30%);
 @ffe-farge-baer-30: tint(@ffe-farge-baer, 70%);
 @ffe-farge-skog: #00754e;

package/lib/colors.js

@@ -28,9 +28,9 @@ exports.fargeNordlys30 = '#c2e7da';
 exports.fargeLyng = '#873953';
 exports.fargeLyng70 = '#ab7487';
 exports.fargeLyng30 = '#dbc4cb';
-exports.fargeBaer = '#e44244';
-exports.fargeBaer70 = '#ec7b7c';
-exports.fargeBaer30 = '#f7c6c7';
+exports.fargeBaer = '#db3335';
+exports.fargeBaer70 = '#e67072';
+exports.fargeBaer30 = '#f4c2c2';
 exports.fargeSkog = '#00754e';
 exports.fargeSkog70 = '#4d9e83';
 exports.fargeSkog30 = '#b3d6ca';

package/lib/tsconfig.cjs.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["../gen-src/index.ts"],"version":"5.6.3"}

package/package.json

@@ -1,16 +1,20 @@
 {
     "name": "@sb1/ffe-core",
-    "version": "29.1.2",
+    "version": "29.1.4",
     "description": "Rammeverk for Felles Front End",
     "license": "MIT",
     "author": "SpareBank 1",
     "files": [
+        "types",
         "lib",
+        "es",
         "less",
         "css"
     ],
     "main": "lib/index.js",
-    "types": "lib/index.d.ts",
+    "module": "es/index.js",
+    "types": "types/index.d.ts",
+    "sideEffects": false,
     "repository": {
         "type": "git",
         "url": "ssh://git@github.com:SpareBank1/designsystem.git"
@@ -19,7 +23,7 @@
         "lint": "ffe-buildtool stylelint less/*.less",
         "test": "npm run lint",
         "clean": "rm -rf css/ gen-src/ lib/",
-        "build": "./scripts/build.js tokens.config.js && ./scripts/build-custom-mq.js less/breakpoints.less css/custom-media-queries.css && tsc gen-src/index.ts --declaration --outDir lib"
+        "build": "./scripts/build.js tokens.config.js && ./scripts/build-custom-mq.js less/breakpoints.less css/custom-media-queries.css && ffe-buildtool tsc"
     },
     "devDependencies": {
         "@sb1/ffe-buildtool": "^0.9.0",
@@ -30,5 +34,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "0d513edf288646f9be670fd3c642961d01823899"
+    "gitHead": "d27089e01efb5feed58df9f4acd48981a8dd9e6f"
 }

package/{lib → types}/colors.d.ts

@@ -25,9 +25,9 @@ export declare const fargeNordlys30 = "#c2e7da";
 export declare const fargeLyng = "#873953";
 export declare const fargeLyng70 = "#ab7487";
 export declare const fargeLyng30 = "#dbc4cb";
-export declare const fargeBaer = "#e44244";
-export declare const fargeBaer70 = "#ec7b7c";
-export declare const fargeBaer30 = "#f7c6c7";
+export declare const fargeBaer = "#db3335";
+export declare const fargeBaer70 = "#e67072";
+export declare const fargeBaer30 = "#f4c2c2";
 export declare const fargeSkog = "#00754e";
 export declare const fargeSkog70 = "#4d9e83";
 export declare const fargeSkog30 = "#b3d6ca";

package/types/index.d.ts

@@ -0,0 +1,6 @@
+export * from './breakpoints';
+export * from './colors';
+export * from './colors-deprecated';
+export * from './dimensions';
+export * from './motion';
+export * from './spacing';

package/types/tsconfig.types.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["../gen-src/index.ts"],"version":"5.6.3"}