@dfds-ui/colors 1.0.0-alpha.d45fa824 → 1.0.1-alpha.0980392d

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.
Files changed (7) hide show
  1. package/cjs/colors.d.ts +14 -10
  2. package/cjs/hydro2.js +12 -10
  3. package/colors.d.ts +14 -10
  4. package/css/colors.css +8 -8
  5. package/hydro2.js +12 -10
  6. package/package.json +2 -2
  7. package/sass/colors.scss +4 -4
package/cjs/colors.d.ts CHANGED
@@ -38,6 +38,10 @@ export interface Colors {
38
38
  dark: string;
39
39
  };
40
40
  status: {
41
+ /** Hydro: #002b45 */
42
+ info: string;
43
+ /** Hydro: #bbddf3 */
44
+ infomuted: string;
41
45
  /** Hydro: #4caf50 */
42
46
  success: string;
43
47
  /** Hydro: #B8E0B9 */
@@ -55,40 +59,40 @@ export interface Colors {
55
59
  dark: {
56
60
  /** Hydro: #4d4e4c */
57
61
  primary: string;
58
- /** Hydro: rgba(77,78,76,0.7) */
62
+ /** Hydro: #4d4e4cb3 */
59
63
  secondary: string;
60
- /** Hydro: rgba(77,78,76,0.3) */
64
+ /** Hydro: #4d4e4c4d */
61
65
  disabled: string;
62
66
  };
63
67
  primary: {
64
68
  /** Hydro: #002b45 */
65
69
  primary: string;
66
- /** Hydro: rgba(0,43,69, 0.7) */
70
+ /** Hydro: #002b45b3 */
67
71
  secondary: string;
68
- /** Hydro: rgba(0,43,69, 0.3) */
72
+ /** Hydro: #002b454d */
69
73
  disabled: string;
70
74
  };
71
75
  secondary: {
72
76
  /** Hydro: #49a2df */
73
77
  primary: string;
74
- /** Hydro: rgba(73,162,223,0.7) */
78
+ /** Hydro: #49a2dfb3 */
75
79
  secondary: string;
76
- /** Hydro: rgba(73,162,223,0.3) */
80
+ /** Hydro: #49a2df4d */
77
81
  disabled: string;
78
82
  };
79
83
  light: {
80
84
  /** Hydro: #ffffff */
81
85
  primary: string;
82
- /** Hydro: rgba(255,255,255,0.7) */
86
+ /** Hydro: #ffffffb3 */
83
87
  secondary: string;
84
- /** Hydro: rgba(255,255,255,0.3) */
88
+ /** Hydro: #ffffff4d */
85
89
  disabled: string;
86
90
  };
87
91
  };
88
92
  divider: {
89
- /** Hydro: rgba(255,255,255,0.16) */
93
+ /** Hydro: #ffffff29 */
90
94
  light: string;
91
- /** Hydro: rgba(77,78,76,0.16) */
95
+ /** Hydro: #4d4e4c29 */
92
96
  dark: string;
93
97
  };
94
98
  }
package/cjs/hydro2.js CHANGED
@@ -29,6 +29,8 @@ const hydro2 = {
29
29
  dark: '#e16900'
30
30
  },
31
31
  status: {
32
+ info: '#002b45',
33
+ infomuted: '#bbddf3',
32
34
  success: '#4caf50',
33
35
  successmuted: '#B8E0B9',
34
36
  warning: '#ED8800',
@@ -39,28 +41,28 @@ const hydro2 = {
39
41
  text: {
40
42
  dark: {
41
43
  primary: '#4d4e4c',
42
- secondary: 'rgba(77,78,76,0.7)',
43
- disabled: 'rgba(77,78,76,0.3)'
44
+ secondary: '#4d4e4cb3',
45
+ disabled: '#4d4e4c4d'
44
46
  },
45
47
  primary: {
46
48
  primary: '#002b45',
47
- secondary: 'rgba(0,43,69,0.7)',
48
- disabled: 'rgba(0,43,69, 0.3)'
49
+ secondary: '#002b45b3',
50
+ disabled: '#002b454d'
49
51
  },
50
52
  secondary: {
51
53
  primary: '#49a2df',
52
- secondary: 'rgba(73,162,223,0.7)',
53
- disabled: 'rgba(73,162,223,0.3)'
54
+ secondary: '#49a2dfb3',
55
+ disabled: '#49a2df4d'
54
56
  },
55
57
  light: {
56
58
  primary: '#ffffff',
57
- secondary: 'rgba(255,255,255,0.7)',
58
- disabled: 'rgba(255,255,255,0.3)'
59
+ secondary: '#ffffffb3',
60
+ disabled: '#ffffff4d'
59
61
  }
60
62
  },
61
63
  divider: {
62
- light: 'rgba(255,255,255,0.16)',
63
- dark: 'rgba(77,78,76,0.16)'
64
+ light: '#ffffff29',
65
+ dark: '#4d4e4c29'
64
66
  }
65
67
  };
66
68
  exports.hydro2 = hydro2;
package/colors.d.ts CHANGED
@@ -38,6 +38,10 @@ export interface Colors {
38
38
  dark: string;
39
39
  };
40
40
  status: {
41
+ /** Hydro: #002b45 */
42
+ info: string;
43
+ /** Hydro: #bbddf3 */
44
+ infomuted: string;
41
45
  /** Hydro: #4caf50 */
42
46
  success: string;
43
47
  /** Hydro: #B8E0B9 */
@@ -55,40 +59,40 @@ export interface Colors {
55
59
  dark: {
56
60
  /** Hydro: #4d4e4c */
57
61
  primary: string;
58
- /** Hydro: rgba(77,78,76,0.7) */
62
+ /** Hydro: #4d4e4cb3 */
59
63
  secondary: string;
60
- /** Hydro: rgba(77,78,76,0.3) */
64
+ /** Hydro: #4d4e4c4d */
61
65
  disabled: string;
62
66
  };
63
67
  primary: {
64
68
  /** Hydro: #002b45 */
65
69
  primary: string;
66
- /** Hydro: rgba(0,43,69, 0.7) */
70
+ /** Hydro: #002b45b3 */
67
71
  secondary: string;
68
- /** Hydro: rgba(0,43,69, 0.3) */
72
+ /** Hydro: #002b454d */
69
73
  disabled: string;
70
74
  };
71
75
  secondary: {
72
76
  /** Hydro: #49a2df */
73
77
  primary: string;
74
- /** Hydro: rgba(73,162,223,0.7) */
78
+ /** Hydro: #49a2dfb3 */
75
79
  secondary: string;
76
- /** Hydro: rgba(73,162,223,0.3) */
80
+ /** Hydro: #49a2df4d */
77
81
  disabled: string;
78
82
  };
79
83
  light: {
80
84
  /** Hydro: #ffffff */
81
85
  primary: string;
82
- /** Hydro: rgba(255,255,255,0.7) */
86
+ /** Hydro: #ffffffb3 */
83
87
  secondary: string;
84
- /** Hydro: rgba(255,255,255,0.3) */
88
+ /** Hydro: #ffffff4d */
85
89
  disabled: string;
86
90
  };
87
91
  };
88
92
  divider: {
89
- /** Hydro: rgba(255,255,255,0.16) */
93
+ /** Hydro: #ffffff29 */
90
94
  light: string;
91
- /** Hydro: rgba(77,78,76,0.16) */
95
+ /** Hydro: #4d4e4c29 */
92
96
  dark: string;
93
97
  };
94
98
  }
package/css/colors.css CHANGED
@@ -14,11 +14,11 @@
14
14
  --color-text-grey: #4d4e4c;
15
15
  --color-text-grey-rgb: 77, 78, 76;
16
16
 
17
- --color-text-medium: rgba(77, 78, 76, 0.7);
18
- --color-text-medium-rgb: NaN, 186, NaN;
17
+ --color-text-medium: #4d4e4cb3;
18
+ --color-text-medium-rgb: 77, 78, 76;
19
19
 
20
- --color-text-light: rgba(77, 78, 76, 0.3);
21
- --color-text-light-rgb: NaN, 186, NaN;
20
+ --color-text-light: #4d4e4c4d;
21
+ --color-text-light-rgb: 77, 78, 76;
22
22
 
23
23
  --color-group-blue: #002b45;
24
24
  --color-group-blue-rgb: 0, 43, 69;
@@ -54,11 +54,11 @@
54
54
  --color-primary-hover: #e16900;
55
55
  --color-primary-hover-rgb: 225, 105, 0;
56
56
 
57
- --color-ui-enabled: rgba(77, 78, 76, 0.7);
58
- --color-ui-enabled-rgb: NaN, 186, NaN;
57
+ --color-ui-enabled: #4d4e4cb3;
58
+ --color-ui-enabled-rgb: 77, 78, 76;
59
59
 
60
- --color-ui-disabled: rgba(77, 78, 76, 0.3);
61
- --color-ui-disabled-rgb: NaN, 186, NaN;
60
+ --color-ui-disabled: #4d4e4c4d;
61
+ --color-ui-disabled-rgb: 77, 78, 76;
62
62
 
63
63
  /* status */
64
64
  --color-yes-green: #4caf50;
package/hydro2.js CHANGED
@@ -23,6 +23,8 @@ export var hydro2 = {
23
23
  dark: '#e16900'
24
24
  },
25
25
  status: {
26
+ info: '#002b45',
27
+ infomuted: '#bbddf3',
26
28
  success: '#4caf50',
27
29
  successmuted: '#B8E0B9',
28
30
  warning: '#ED8800',
@@ -33,28 +35,28 @@ export var hydro2 = {
33
35
  text: {
34
36
  dark: {
35
37
  primary: '#4d4e4c',
36
- secondary: 'rgba(77,78,76,0.7)',
37
- disabled: 'rgba(77,78,76,0.3)'
38
+ secondary: '#4d4e4cb3',
39
+ disabled: '#4d4e4c4d'
38
40
  },
39
41
  primary: {
40
42
  primary: '#002b45',
41
- secondary: 'rgba(0,43,69,0.7)',
42
- disabled: 'rgba(0,43,69, 0.3)'
43
+ secondary: '#002b45b3',
44
+ disabled: '#002b454d'
43
45
  },
44
46
  secondary: {
45
47
  primary: '#49a2df',
46
- secondary: 'rgba(73,162,223,0.7)',
47
- disabled: 'rgba(73,162,223,0.3)'
48
+ secondary: '#49a2dfb3',
49
+ disabled: '#49a2df4d'
48
50
  },
49
51
  light: {
50
52
  primary: '#ffffff',
51
- secondary: 'rgba(255,255,255,0.7)',
52
- disabled: 'rgba(255,255,255,0.3)'
53
+ secondary: '#ffffffb3',
54
+ disabled: '#ffffff4d'
53
55
  }
54
56
  },
55
57
  divider: {
56
- light: 'rgba(255,255,255,0.16)',
57
- dark: 'rgba(77,78,76,0.16)'
58
+ light: '#ffffff29',
59
+ dark: '#4d4e4c29'
58
60
  }
59
61
  };
60
62
  export default hydro2;
package/package.json CHANGED
@@ -3,12 +3,12 @@
3
3
  "description": "Shared colors within DFDS",
4
4
  "license": "MIT",
5
5
  "private": false,
6
- "version": "1.0.0-alpha.d45fa824",
6
+ "version": "1.0.1-alpha.0980392d",
7
7
  "sideEffects": false,
8
8
  "main": "./cjs/index.js",
9
9
  "module": "./index.js",
10
10
  "typings": "./index.d.ts",
11
- "gitHead": "d45fa824775899545e34ada6f259888ad2943886",
11
+ "gitHead": "0980392d811a7d46a8952be79218576940d5a5d9",
12
12
  "esnext": "",
13
13
  "publishConfig": {
14
14
  "access": "public"
package/sass/colors.scss CHANGED
@@ -5,8 +5,8 @@ $color-white: #ffffff !default;
5
5
  $color-white-hover: #eef0f1 !default;
6
6
  /* static */
7
7
  $color-text-grey: #4d4e4c !default;
8
- $color-text-medium: rgba(77, 78, 76, 0.7) !default;
9
- $color-text-light: rgba(77, 78, 76, 0.3) !default;
8
+ $color-text-medium: #4d4e4cb3 !default;
9
+ $color-text-light: #4d4e4c4d !default;
10
10
  $color-group-blue: #002b45 !default;
11
11
  $color-group-medium: #345370 !default;
12
12
  $color-group-light: #345370 !default;
@@ -19,8 +19,8 @@ $color-action-medium: #bbddf3 !default;
19
19
  $color-action-light: #bbddf3 !default;
20
20
  $color-primary-orange: #ed8800 !default;
21
21
  $color-primary-hover: #e16900 !default;
22
- $color-ui-enabled: rgba(77, 78, 76, 0.7) !default;
23
- $color-ui-disabled: rgba(77, 78, 76, 0.3) !default;
22
+ $color-ui-enabled: #4d4e4cb3 !default;
23
+ $color-ui-disabled: #4d4e4c4d !default;
24
24
  /* status */
25
25
  $color-yes-green: #4caf50 !default;
26
26
  $color-caution-amber: #ed8800 !default;