@sb1/ffe-core 27.5.3 → 28.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/colors-deprecated.css +39 -0
- package/css/colors.css +0 -36
- package/less/colors-deprecated.less +59 -0
- package/less/colors.less +0 -58
- package/lib/colors-deprecated.d.ts +36 -0
- package/lib/colors-deprecated.js +39 -0
- package/lib/colors.d.ts +0 -36
- package/lib/colors.js +1 -38
- package/lib/index.d.ts +1 -0
- package/lib/index.js +1 -0
- package/package.json +3 -3
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
:root,
|
|
2
|
+
:host {
|
|
3
|
+
--ffe-blue-royal: #002776;
|
|
4
|
+
--ffe-blue-cobalt: #005aa4;
|
|
5
|
+
--ffe-blue-azure: #0071cd;
|
|
6
|
+
--ffe-blue-sky: #7fc6e8;
|
|
7
|
+
--ffe-blue-pale: #dff1f9;
|
|
8
|
+
--ffe-blue-ice: #eff8fc;
|
|
9
|
+
--ffe-blue-focus: #a1dfff;
|
|
10
|
+
--ffe-green: #37b441;
|
|
11
|
+
--ffe-green-shamrock: #008a00;
|
|
12
|
+
--ffe-green-emerald: #007b00;
|
|
13
|
+
--ffe-green-mint: #e1f4e3;
|
|
14
|
+
--ffe-orange: #ff9100;
|
|
15
|
+
--ffe-orange-fire: #da3d00;
|
|
16
|
+
--ffe-orange-salmon: #f3bbaa;
|
|
17
|
+
--ffe-red: #e60000;
|
|
18
|
+
--ffe-purple: #c94096;
|
|
19
|
+
--ffe-purple-magenta: #a20076;
|
|
20
|
+
--ffe-purple-violet: #551a8b;
|
|
21
|
+
--ffe-sand: #f8f5eb;
|
|
22
|
+
--ffe-white: #fff;
|
|
23
|
+
--ffe-grey: #adadad;
|
|
24
|
+
--ffe-grey-cloud: #f4f4f4;
|
|
25
|
+
--ffe-grey-silver: #ccc;
|
|
26
|
+
--ffe-grey-charcoal: #676767;
|
|
27
|
+
--ffe-grey-warm: #f6f6f3;
|
|
28
|
+
--ffe-black: #262626;
|
|
29
|
+
--ffe-blue-deep-sky: #008ed2;
|
|
30
|
+
--ffe-sand-ivory: #fbfaf5;
|
|
31
|
+
--ffe-black-darkmode: #000000;
|
|
32
|
+
--ffe-white-darkmode: #ffffff;
|
|
33
|
+
--ffe-grey-charcoal-darkmode: #1c1c1c;
|
|
34
|
+
--ffe-grey-darkmode: #292929;
|
|
35
|
+
--ffe-grey-silver-darkmode: #858585;
|
|
36
|
+
--ffe-grey-cloud-darkmode: #cccccc;
|
|
37
|
+
--ffe-blue-azure-darkmode: #0a91ff;
|
|
38
|
+
--ffe-red-darkmode: #ff2424;
|
|
39
|
+
}
|
package/css/colors.css
CHANGED
|
@@ -1,41 +1,5 @@
|
|
|
1
1
|
:root,
|
|
2
2
|
:host {
|
|
3
|
-
--ffe-blue-royal: #002776;
|
|
4
|
-
--ffe-blue-cobalt: #005aa4;
|
|
5
|
-
--ffe-blue-azure: #0071cd;
|
|
6
|
-
--ffe-blue-sky: #7fc6e8;
|
|
7
|
-
--ffe-blue-pale: #dff1f9;
|
|
8
|
-
--ffe-blue-ice: #eff8fc;
|
|
9
|
-
--ffe-blue-focus: #a1dfff;
|
|
10
|
-
--ffe-green: #37b441;
|
|
11
|
-
--ffe-green-shamrock: #008a00;
|
|
12
|
-
--ffe-green-emerald: #007b00;
|
|
13
|
-
--ffe-green-mint: #e1f4e3;
|
|
14
|
-
--ffe-orange: #ff9100;
|
|
15
|
-
--ffe-orange-fire: #da3d00;
|
|
16
|
-
--ffe-orange-salmon: #f3bbaa;
|
|
17
|
-
--ffe-red: #e60000;
|
|
18
|
-
--ffe-purple: #c94096;
|
|
19
|
-
--ffe-purple-magenta: #a20076;
|
|
20
|
-
--ffe-purple-violet: #551a8b;
|
|
21
|
-
--ffe-sand: #f8f5eb;
|
|
22
|
-
--ffe-white: #fff;
|
|
23
|
-
--ffe-grey: #adadad;
|
|
24
|
-
--ffe-grey-cloud: #f4f4f4;
|
|
25
|
-
--ffe-grey-silver: #ccc;
|
|
26
|
-
--ffe-grey-charcoal: #676767;
|
|
27
|
-
--ffe-grey-warm: #f6f6f3;
|
|
28
|
-
--ffe-black: #262626;
|
|
29
|
-
--ffe-blue-deep-sky: #008ed2;
|
|
30
|
-
--ffe-sand-ivory: #fbfaf5;
|
|
31
|
-
--ffe-black-darkmode: #000000;
|
|
32
|
-
--ffe-white-darkmode: #ffffff;
|
|
33
|
-
--ffe-grey-charcoal-darkmode: #1c1c1c;
|
|
34
|
-
--ffe-grey-darkmode: #292929;
|
|
35
|
-
--ffe-grey-silver-darkmode: #858585;
|
|
36
|
-
--ffe-grey-cloud-darkmode: #cccccc;
|
|
37
|
-
--ffe-blue-azure-darkmode: #0a91ff;
|
|
38
|
-
--ffe-red-darkmode: #ff2424;
|
|
39
3
|
--ffe-farge-fjell: #002776;
|
|
40
4
|
--ffe-farge-fjell-70: #4d689f;
|
|
41
5
|
--ffe-farge-fjell-30: #b3bed6;
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
// ************************************** Deprecated *******************************************************'
|
|
2
|
+
|
|
3
|
+
// Blue (Deprecated)
|
|
4
|
+
@ffe-blue-royal: #002776; // Titles, lead, overlays
|
|
5
|
+
@ffe-blue-cobalt: #005aa4; // Primary buttons, emphasis on blue areas and product cards
|
|
6
|
+
@ffe-blue-azure: #0071cd; // Secondary buttons
|
|
7
|
+
@ffe-blue-sky: #7fc6e8;
|
|
8
|
+
@ffe-blue-pale: #dff1f9; // Info-boxes, etc.
|
|
9
|
+
@ffe-blue-ice: #eff8fc; // Expandable table rows
|
|
10
|
+
@ffe-blue-focus: #a1dfff; // Focus on buttons and controls
|
|
11
|
+
|
|
12
|
+
// Green (Deprecated)
|
|
13
|
+
@ffe-green: #37b441; // E.g. slider tool
|
|
14
|
+
@ffe-green-shamrock: #008a00; // Action buttons, slider tool, (should indicate affordance)
|
|
15
|
+
@ffe-green-emerald: #007b00;
|
|
16
|
+
@ffe-green-mint: #e1f4e3; // ~20% opacity of ffe-green-shamrock. (Info-boxes, etc.)
|
|
17
|
+
|
|
18
|
+
// Orange (Deprecated)
|
|
19
|
+
@ffe-orange: #ff9100; // Campaigns
|
|
20
|
+
@ffe-orange-fire: #da3d00; // Form validation, Error messages
|
|
21
|
+
@ffe-orange-salmon: #f3bbaa; // ~20% opacity of ffe-orange-fire. (Info-boxes, etc.)
|
|
22
|
+
|
|
23
|
+
// Red (Deprecated)
|
|
24
|
+
@ffe-red: #e60000;
|
|
25
|
+
|
|
26
|
+
// Purple (Deprecated)
|
|
27
|
+
@ffe-purple: #c94096;
|
|
28
|
+
@ffe-purple-magenta: #a20076;
|
|
29
|
+
@ffe-purple-violet: #551a8b; // Visited links
|
|
30
|
+
|
|
31
|
+
// Beige (Deprecated)
|
|
32
|
+
@ffe-sand: #f8f5eb; // @ffe-sand + @ffe-sand-25
|
|
33
|
+
|
|
34
|
+
// White (Deprecated)
|
|
35
|
+
@ffe-white: #fff;
|
|
36
|
+
|
|
37
|
+
// Grey (Deprecated)
|
|
38
|
+
@ffe-grey: #adadad;
|
|
39
|
+
@ffe-grey-cloud: #f4f4f4; // Background panels
|
|
40
|
+
@ffe-grey-silver: #ccc; // Lines, borders, inactive tool elements (slider, etc.)
|
|
41
|
+
@ffe-grey-charcoal: #676767;
|
|
42
|
+
@ffe-grey-warm: #f6f6f3;
|
|
43
|
+
|
|
44
|
+
// Black (Deprecated)
|
|
45
|
+
@ffe-black: #262626; // Body text, and some other texts
|
|
46
|
+
|
|
47
|
+
// Deprecated
|
|
48
|
+
@ffe-blue-deep-sky: #008ed2; // Deprecated 05.2018 - Use @ffe-blue-azure in stead
|
|
49
|
+
@ffe-sand-ivory: #fbfaf5; // Deprecated 05.2018 - Use @ffe-sand or @ffe-grey-warm in stead
|
|
50
|
+
|
|
51
|
+
// Dark mode. Only for use in a native app context. (Deprecated)
|
|
52
|
+
@ffe-black-darkmode: #000000; // Default background color
|
|
53
|
+
@ffe-white-darkmode: #ffffff; // Emphasized text
|
|
54
|
+
@ffe-grey-charcoal-darkmode: #1c1c1c; // Emphasized surfaces
|
|
55
|
+
@ffe-grey-darkmode: #292929; // Interactive surfaces
|
|
56
|
+
@ffe-grey-silver-darkmode: #858585; // Borders and accents
|
|
57
|
+
@ffe-grey-cloud-darkmode: #cccccc; // Default font color on default background and form labels
|
|
58
|
+
@ffe-blue-azure-darkmode: #0a91ff; // Primary interaction and icon color
|
|
59
|
+
@ffe-red-darkmode: #ff2424; // Tweaked ffe-red for better contrast
|
package/less/colors.less
CHANGED
|
@@ -1,61 +1,3 @@
|
|
|
1
|
-
// Blue
|
|
2
|
-
@ffe-blue-royal: #002776; // Titles, lead, overlays
|
|
3
|
-
@ffe-blue-cobalt: #005aa4; // Primary buttons, emphasis on blue areas and product cards
|
|
4
|
-
@ffe-blue-azure: #0071cd; // Secondary buttons
|
|
5
|
-
@ffe-blue-sky: #7fc6e8;
|
|
6
|
-
@ffe-blue-pale: #dff1f9; // Info-boxes, etc.
|
|
7
|
-
@ffe-blue-ice: #eff8fc; // Expandable table rows
|
|
8
|
-
@ffe-blue-focus: #a1dfff; // Focus on buttons and controls
|
|
9
|
-
|
|
10
|
-
// Green
|
|
11
|
-
@ffe-green: #37b441; // E.g. slider tool
|
|
12
|
-
@ffe-green-shamrock: #008a00; // Action buttons, slider tool, (should indicate affordance)
|
|
13
|
-
@ffe-green-emerald: #007b00;
|
|
14
|
-
@ffe-green-mint: #e1f4e3; // ~20% opacity of ffe-green-shamrock. (Info-boxes, etc.)
|
|
15
|
-
|
|
16
|
-
// Orange
|
|
17
|
-
@ffe-orange: #ff9100; // Campaigns
|
|
18
|
-
@ffe-orange-fire: #da3d00; // Form validation, Error messages
|
|
19
|
-
@ffe-orange-salmon: #f3bbaa; // ~20% opacity of ffe-orange-fire. (Info-boxes, etc.)
|
|
20
|
-
|
|
21
|
-
// Red
|
|
22
|
-
@ffe-red: #e60000;
|
|
23
|
-
|
|
24
|
-
// Purple
|
|
25
|
-
@ffe-purple: #c94096;
|
|
26
|
-
@ffe-purple-magenta: #a20076;
|
|
27
|
-
@ffe-purple-violet: #551a8b; // Visited links
|
|
28
|
-
|
|
29
|
-
// Beige
|
|
30
|
-
@ffe-sand: #f8f5eb; // @ffe-sand + @ffe-sand-25
|
|
31
|
-
|
|
32
|
-
// White
|
|
33
|
-
@ffe-white: #fff;
|
|
34
|
-
|
|
35
|
-
// Grey
|
|
36
|
-
@ffe-grey: #adadad;
|
|
37
|
-
@ffe-grey-cloud: #f4f4f4; // Background panels
|
|
38
|
-
@ffe-grey-silver: #ccc; // Lines, borders, inactive tool elements (slider, etc.)
|
|
39
|
-
@ffe-grey-charcoal: #676767;
|
|
40
|
-
@ffe-grey-warm: #f6f6f3;
|
|
41
|
-
|
|
42
|
-
// Black
|
|
43
|
-
@ffe-black: #262626; // Body text, and some other texts
|
|
44
|
-
|
|
45
|
-
// Deprecated
|
|
46
|
-
@ffe-blue-deep-sky: #008ed2; // Deprecated 05.2018 - Use @ffe-blue-azure in stead
|
|
47
|
-
@ffe-sand-ivory: #fbfaf5; // Deprecated 05.2018 - Use @ffe-sand or @ffe-grey-warm in stead
|
|
48
|
-
|
|
49
|
-
// Dark mode. Only for use in a native app context.
|
|
50
|
-
@ffe-black-darkmode: #000000; // Default background color
|
|
51
|
-
@ffe-white-darkmode: #ffffff; // Emphasized text
|
|
52
|
-
@ffe-grey-charcoal-darkmode: #1c1c1c; // Emphasized surfaces
|
|
53
|
-
@ffe-grey-darkmode: #292929; // Interactive surfaces
|
|
54
|
-
@ffe-grey-silver-darkmode: #858585; // Borders and accents
|
|
55
|
-
@ffe-grey-cloud-darkmode: #cccccc; // Default font color on default background and form labels
|
|
56
|
-
@ffe-blue-azure-darkmode: #0a91ff; // Primary interaction and icon color
|
|
57
|
-
@ffe-red-darkmode: #ff2424; // Tweaked ffe-red for better contrast
|
|
58
|
-
|
|
59
1
|
//
|
|
60
2
|
// ======== Ny visuell identitet ========
|
|
61
3
|
//
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
export declare const blueRoyal = "#002776";
|
|
2
|
+
export declare const blueCobalt = "#005aa4";
|
|
3
|
+
export declare const blueAzure = "#0071cd";
|
|
4
|
+
export declare const blueSky = "#7fc6e8";
|
|
5
|
+
export declare const bluePale = "#dff1f9";
|
|
6
|
+
export declare const blueIce = "#eff8fc";
|
|
7
|
+
export declare const blueFocus = "#a1dfff";
|
|
8
|
+
export declare const green = "#37b441";
|
|
9
|
+
export declare const greenShamrock = "#008a00";
|
|
10
|
+
export declare const greenEmerald = "#007b00";
|
|
11
|
+
export declare const greenMint = "#e1f4e3";
|
|
12
|
+
export declare const orange = "#ff9100";
|
|
13
|
+
export declare const orangeFire = "#da3d00";
|
|
14
|
+
export declare const orangeSalmon = "#f3bbaa";
|
|
15
|
+
export declare const red = "#e60000";
|
|
16
|
+
export declare const purple = "#c94096";
|
|
17
|
+
export declare const purpleMagenta = "#a20076";
|
|
18
|
+
export declare const purpleViolet = "#551a8b";
|
|
19
|
+
export declare const sand = "#f8f5eb";
|
|
20
|
+
export declare const white = "#fff";
|
|
21
|
+
export declare const grey = "#adadad";
|
|
22
|
+
export declare const greyCloud = "#f4f4f4";
|
|
23
|
+
export declare const greySilver = "#ccc";
|
|
24
|
+
export declare const greyCharcoal = "#676767";
|
|
25
|
+
export declare const greyWarm = "#f6f6f3";
|
|
26
|
+
export declare const black = "#262626";
|
|
27
|
+
export declare const blueDeepSky = "#008ed2";
|
|
28
|
+
export declare const sandIvory = "#fbfaf5";
|
|
29
|
+
export declare const blackDarkmode = "#000000";
|
|
30
|
+
export declare const whiteDarkmode = "#ffffff";
|
|
31
|
+
export declare const greyCharcoalDarkmode = "#1c1c1c";
|
|
32
|
+
export declare const greyDarkmode = "#292929";
|
|
33
|
+
export declare const greySilverDarkmode = "#858585";
|
|
34
|
+
export declare const greyCloudDarkmode = "#cccccc";
|
|
35
|
+
export declare const blueAzureDarkmode = "#0a91ff";
|
|
36
|
+
export declare const redDarkmode = "#ff2424";
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.redDarkmode = exports.blueAzureDarkmode = exports.greyCloudDarkmode = exports.greySilverDarkmode = exports.greyDarkmode = exports.greyCharcoalDarkmode = exports.whiteDarkmode = exports.blackDarkmode = exports.sandIvory = exports.blueDeepSky = exports.black = exports.greyWarm = exports.greyCharcoal = exports.greySilver = exports.greyCloud = exports.grey = exports.white = exports.sand = exports.purpleViolet = exports.purpleMagenta = exports.purple = exports.red = exports.orangeSalmon = exports.orangeFire = exports.orange = exports.greenMint = exports.greenEmerald = exports.greenShamrock = exports.green = exports.blueFocus = exports.blueIce = exports.bluePale = exports.blueSky = exports.blueAzure = exports.blueCobalt = exports.blueRoyal = void 0;
|
|
4
|
+
exports.blueRoyal = '#002776';
|
|
5
|
+
exports.blueCobalt = '#005aa4';
|
|
6
|
+
exports.blueAzure = '#0071cd';
|
|
7
|
+
exports.blueSky = '#7fc6e8';
|
|
8
|
+
exports.bluePale = '#dff1f9';
|
|
9
|
+
exports.blueIce = '#eff8fc';
|
|
10
|
+
exports.blueFocus = '#a1dfff';
|
|
11
|
+
exports.green = '#37b441';
|
|
12
|
+
exports.greenShamrock = '#008a00';
|
|
13
|
+
exports.greenEmerald = '#007b00';
|
|
14
|
+
exports.greenMint = '#e1f4e3';
|
|
15
|
+
exports.orange = '#ff9100';
|
|
16
|
+
exports.orangeFire = '#da3d00';
|
|
17
|
+
exports.orangeSalmon = '#f3bbaa';
|
|
18
|
+
exports.red = '#e60000';
|
|
19
|
+
exports.purple = '#c94096';
|
|
20
|
+
exports.purpleMagenta = '#a20076';
|
|
21
|
+
exports.purpleViolet = '#551a8b';
|
|
22
|
+
exports.sand = '#f8f5eb';
|
|
23
|
+
exports.white = '#fff';
|
|
24
|
+
exports.grey = '#adadad';
|
|
25
|
+
exports.greyCloud = '#f4f4f4';
|
|
26
|
+
exports.greySilver = '#ccc';
|
|
27
|
+
exports.greyCharcoal = '#676767';
|
|
28
|
+
exports.greyWarm = '#f6f6f3';
|
|
29
|
+
exports.black = '#262626';
|
|
30
|
+
exports.blueDeepSky = '#008ed2';
|
|
31
|
+
exports.sandIvory = '#fbfaf5';
|
|
32
|
+
exports.blackDarkmode = '#000000';
|
|
33
|
+
exports.whiteDarkmode = '#ffffff';
|
|
34
|
+
exports.greyCharcoalDarkmode = '#1c1c1c';
|
|
35
|
+
exports.greyDarkmode = '#292929';
|
|
36
|
+
exports.greySilverDarkmode = '#858585';
|
|
37
|
+
exports.greyCloudDarkmode = '#cccccc';
|
|
38
|
+
exports.blueAzureDarkmode = '#0a91ff';
|
|
39
|
+
exports.redDarkmode = '#ff2424';
|
package/lib/colors.d.ts
CHANGED
|
@@ -1,39 +1,3 @@
|
|
|
1
|
-
export declare const blueRoyal = "#002776";
|
|
2
|
-
export declare const blueCobalt = "#005aa4";
|
|
3
|
-
export declare const blueAzure = "#0071cd";
|
|
4
|
-
export declare const blueSky = "#7fc6e8";
|
|
5
|
-
export declare const bluePale = "#dff1f9";
|
|
6
|
-
export declare const blueIce = "#eff8fc";
|
|
7
|
-
export declare const blueFocus = "#a1dfff";
|
|
8
|
-
export declare const green = "#37b441";
|
|
9
|
-
export declare const greenShamrock = "#008a00";
|
|
10
|
-
export declare const greenEmerald = "#007b00";
|
|
11
|
-
export declare const greenMint = "#e1f4e3";
|
|
12
|
-
export declare const orange = "#ff9100";
|
|
13
|
-
export declare const orangeFire = "#da3d00";
|
|
14
|
-
export declare const orangeSalmon = "#f3bbaa";
|
|
15
|
-
export declare const red = "#e60000";
|
|
16
|
-
export declare const purple = "#c94096";
|
|
17
|
-
export declare const purpleMagenta = "#a20076";
|
|
18
|
-
export declare const purpleViolet = "#551a8b";
|
|
19
|
-
export declare const sand = "#f8f5eb";
|
|
20
|
-
export declare const white = "#fff";
|
|
21
|
-
export declare const grey = "#adadad";
|
|
22
|
-
export declare const greyCloud = "#f4f4f4";
|
|
23
|
-
export declare const greySilver = "#ccc";
|
|
24
|
-
export declare const greyCharcoal = "#676767";
|
|
25
|
-
export declare const greyWarm = "#f6f6f3";
|
|
26
|
-
export declare const black = "#262626";
|
|
27
|
-
export declare const blueDeepSky = "#008ed2";
|
|
28
|
-
export declare const sandIvory = "#fbfaf5";
|
|
29
|
-
export declare const blackDarkmode = "#000000";
|
|
30
|
-
export declare const whiteDarkmode = "#ffffff";
|
|
31
|
-
export declare const greyCharcoalDarkmode = "#1c1c1c";
|
|
32
|
-
export declare const greyDarkmode = "#292929";
|
|
33
|
-
export declare const greySilverDarkmode = "#858585";
|
|
34
|
-
export declare const greyCloudDarkmode = "#cccccc";
|
|
35
|
-
export declare const blueAzureDarkmode = "#0a91ff";
|
|
36
|
-
export declare const redDarkmode = "#ff2424";
|
|
37
1
|
export declare const fargeFjell = "#002776";
|
|
38
2
|
export declare const fargeFjell70 = "#4d689f";
|
|
39
3
|
export declare const fargeFjell30 = "#b3bed6";
|
package/lib/colors.js
CHANGED
|
@@ -1,43 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
4
|
-
exports.fargeHvit = exports.fargeLysvarmgraa = exports.fargeVarmgraa = exports.fargeMoerkvarmgraa = exports.fargeLysgraa = exports.fargeGraa = exports.fargeMoerkgraa = exports.fargeKoksgraa = exports.fargeSvart = exports.fargeNatt = exports.fargeSol30 = exports.fargeSol70 = exports.fargeSol = exports.fargeMulte30 = exports.fargeMulte70 = exports.fargeMulte = exports.fargeSkog30 = exports.fargeSkog70 = exports.fargeSkog = exports.fargeBaer30 = exports.fargeBaer70 = exports.fargeBaer = exports.fargeLyng30 = exports.fargeLyng70 = exports.fargeLyng = exports.fargeNordlys30 = exports.fargeNordlys70 = exports.fargeNordlys = exports.fargeVillblomst30 = exports.fargeVillblomst70 = exports.fargeVillblomst = exports.fargeMyrull30 = exports.fargeMyrull70 = exports.fargeMyrull = exports.fargeSyrin30 = void 0;
|
|
5
|
-
exports.blueRoyal = '#002776';
|
|
6
|
-
exports.blueCobalt = '#005aa4';
|
|
7
|
-
exports.blueAzure = '#0071cd';
|
|
8
|
-
exports.blueSky = '#7fc6e8';
|
|
9
|
-
exports.bluePale = '#dff1f9';
|
|
10
|
-
exports.blueIce = '#eff8fc';
|
|
11
|
-
exports.blueFocus = '#a1dfff';
|
|
12
|
-
exports.green = '#37b441';
|
|
13
|
-
exports.greenShamrock = '#008a00';
|
|
14
|
-
exports.greenEmerald = '#007b00';
|
|
15
|
-
exports.greenMint = '#e1f4e3';
|
|
16
|
-
exports.orange = '#ff9100';
|
|
17
|
-
exports.orangeFire = '#da3d00';
|
|
18
|
-
exports.orangeSalmon = '#f3bbaa';
|
|
19
|
-
exports.red = '#e60000';
|
|
20
|
-
exports.purple = '#c94096';
|
|
21
|
-
exports.purpleMagenta = '#a20076';
|
|
22
|
-
exports.purpleViolet = '#551a8b';
|
|
23
|
-
exports.sand = '#f8f5eb';
|
|
24
|
-
exports.white = '#fff';
|
|
25
|
-
exports.grey = '#adadad';
|
|
26
|
-
exports.greyCloud = '#f4f4f4';
|
|
27
|
-
exports.greySilver = '#ccc';
|
|
28
|
-
exports.greyCharcoal = '#676767';
|
|
29
|
-
exports.greyWarm = '#f6f6f3';
|
|
30
|
-
exports.black = '#262626';
|
|
31
|
-
exports.blueDeepSky = '#008ed2';
|
|
32
|
-
exports.sandIvory = '#fbfaf5';
|
|
33
|
-
exports.blackDarkmode = '#000000';
|
|
34
|
-
exports.whiteDarkmode = '#ffffff';
|
|
35
|
-
exports.greyCharcoalDarkmode = '#1c1c1c';
|
|
36
|
-
exports.greyDarkmode = '#292929';
|
|
37
|
-
exports.greySilverDarkmode = '#858585';
|
|
38
|
-
exports.greyCloudDarkmode = '#cccccc';
|
|
39
|
-
exports.blueAzureDarkmode = '#0a91ff';
|
|
40
|
-
exports.redDarkmode = '#ff2424';
|
|
3
|
+
exports.fargeHvit = exports.fargeLysvarmgraa = exports.fargeVarmgraa = exports.fargeMoerkvarmgraa = exports.fargeLysgraa = exports.fargeGraa = exports.fargeMoerkgraa = exports.fargeKoksgraa = exports.fargeSvart = exports.fargeNatt = exports.fargeSol30 = exports.fargeSol70 = exports.fargeSol = exports.fargeMulte30 = exports.fargeMulte70 = exports.fargeMulte = exports.fargeSkog30 = exports.fargeSkog70 = exports.fargeSkog = exports.fargeBaer30 = exports.fargeBaer70 = exports.fargeBaer = exports.fargeLyng30 = exports.fargeLyng70 = exports.fargeLyng = exports.fargeNordlys30 = exports.fargeNordlys70 = exports.fargeNordlys = exports.fargeVillblomst30 = exports.fargeVillblomst70 = exports.fargeVillblomst = exports.fargeMyrull30 = exports.fargeMyrull70 = exports.fargeMyrull = exports.fargeSyrin30 = exports.fargeSyrin70 = exports.fargeSyrin = exports.fargeFrost30 = exports.fargeFrost70 = exports.fargeFrost = exports.fargeSand30 = exports.fargeSand70 = exports.fargeSand = exports.fargeVann30 = exports.fargeVann70 = exports.fargeVann = exports.fargeFjell30 = exports.fargeFjell70 = exports.fargeFjell = void 0;
|
|
41
4
|
exports.fargeFjell = '#002776';
|
|
42
5
|
exports.fargeFjell70 = '#4d689f';
|
|
43
6
|
exports.fargeFjell30 = '#b3bed6';
|
package/lib/index.d.ts
CHANGED
package/lib/index.js
CHANGED
|
@@ -16,6 +16,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
__exportStar(require("./breakpoints"), exports);
|
|
18
18
|
__exportStar(require("./colors"), exports);
|
|
19
|
+
__exportStar(require("./colors-deprecated"), exports);
|
|
19
20
|
__exportStar(require("./dimensions"), exports);
|
|
20
21
|
__exportStar(require("./motion"), exports);
|
|
21
22
|
__exportStar(require("./spacing"), exports);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sb1/ffe-core",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "28.0.0",
|
|
4
4
|
"description": "Rammeverk for Felles Front End",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "SpareBank 1",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"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"
|
|
23
23
|
},
|
|
24
24
|
"devDependencies": {
|
|
25
|
-
"@sb1/ffe-buildtool": "^0.
|
|
25
|
+
"@sb1/ffe-buildtool": "^0.7.0",
|
|
26
26
|
"case": "^1.5.5",
|
|
27
27
|
"less": "^4.1.2",
|
|
28
28
|
"postcss": "^8.3.6"
|
|
@@ -30,5 +30,5 @@
|
|
|
30
30
|
"publishConfig": {
|
|
31
31
|
"access": "public"
|
|
32
32
|
},
|
|
33
|
-
"gitHead": "
|
|
33
|
+
"gitHead": "4c40e4f22244c9e051239caa01f52519a4add9dd"
|
|
34
34
|
}
|