@dfds-ui/colors 1.0.0 → 1.0.1

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 +10 -10
  2. package/cjs/hydro2.js +10 -10
  3. package/colors.d.ts +10 -10
  4. package/css/colors.css +8 -8
  5. package/hydro2.js +10 -10
  6. package/package.json +2 -2
  7. package/sass/colors.scss +4 -4
package/cjs/colors.d.ts CHANGED
@@ -55,40 +55,40 @@ export interface Colors {
55
55
  dark: {
56
56
  /** Hydro: #4d4e4c */
57
57
  primary: string;
58
- /** Hydro: rgba(77,78,76,0.7) */
58
+ /** Hydro: #4d4e4cb3 */
59
59
  secondary: string;
60
- /** Hydro: rgba(77,78,76,0.3) */
60
+ /** Hydro: #4d4e4c4d */
61
61
  disabled: string;
62
62
  };
63
63
  primary: {
64
64
  /** Hydro: #002b45 */
65
65
  primary: string;
66
- /** Hydro: rgba(0,43,69, 0.7) */
66
+ /** Hydro: #002b45b3 */
67
67
  secondary: string;
68
- /** Hydro: rgba(0,43,69, 0.3) */
68
+ /** Hydro: #002b454d */
69
69
  disabled: string;
70
70
  };
71
71
  secondary: {
72
72
  /** Hydro: #49a2df */
73
73
  primary: string;
74
- /** Hydro: rgba(73,162,223,0.7) */
74
+ /** Hydro: #49a2dfb3 */
75
75
  secondary: string;
76
- /** Hydro: rgba(73,162,223,0.3) */
76
+ /** Hydro: #49a2df4d */
77
77
  disabled: string;
78
78
  };
79
79
  light: {
80
80
  /** Hydro: #ffffff */
81
81
  primary: string;
82
- /** Hydro: rgba(255,255,255,0.7) */
82
+ /** Hydro: #ffffffb3 */
83
83
  secondary: string;
84
- /** Hydro: rgba(255,255,255,0.3) */
84
+ /** Hydro: #ffffff4d */
85
85
  disabled: string;
86
86
  };
87
87
  };
88
88
  divider: {
89
- /** Hydro: rgba(255,255,255,0.16) */
89
+ /** Hydro: #ffffff29 */
90
90
  light: string;
91
- /** Hydro: rgba(77,78,76,0.16) */
91
+ /** Hydro: #4d4e4c29 */
92
92
  dark: string;
93
93
  };
94
94
  }
package/cjs/hydro2.js CHANGED
@@ -39,28 +39,28 @@ const hydro2 = {
39
39
  text: {
40
40
  dark: {
41
41
  primary: '#4d4e4c',
42
- secondary: 'rgba(77,78,76,0.7)',
43
- disabled: 'rgba(77,78,76,0.3)'
42
+ secondary: '#4d4e4cb3',
43
+ disabled: '#4d4e4c4d'
44
44
  },
45
45
  primary: {
46
46
  primary: '#002b45',
47
- secondary: 'rgba(0,43,69,0.7)',
48
- disabled: 'rgba(0,43,69, 0.3)'
47
+ secondary: '#002b45b3',
48
+ disabled: '#002b454d'
49
49
  },
50
50
  secondary: {
51
51
  primary: '#49a2df',
52
- secondary: 'rgba(73,162,223,0.7)',
53
- disabled: 'rgba(73,162,223,0.3)'
52
+ secondary: '#49a2dfb3',
53
+ disabled: '#49a2df4d'
54
54
  },
55
55
  light: {
56
56
  primary: '#ffffff',
57
- secondary: 'rgba(255,255,255,0.7)',
58
- disabled: 'rgba(255,255,255,0.3)'
57
+ secondary: '#ffffffb3',
58
+ disabled: '#ffffff4d'
59
59
  }
60
60
  },
61
61
  divider: {
62
- light: 'rgba(255,255,255,0.16)',
63
- dark: 'rgba(77,78,76,0.16)'
62
+ light: '#ffffff29',
63
+ dark: '#4d4e4c29'
64
64
  }
65
65
  };
66
66
  exports.hydro2 = hydro2;
package/colors.d.ts CHANGED
@@ -55,40 +55,40 @@ export interface Colors {
55
55
  dark: {
56
56
  /** Hydro: #4d4e4c */
57
57
  primary: string;
58
- /** Hydro: rgba(77,78,76,0.7) */
58
+ /** Hydro: #4d4e4cb3 */
59
59
  secondary: string;
60
- /** Hydro: rgba(77,78,76,0.3) */
60
+ /** Hydro: #4d4e4c4d */
61
61
  disabled: string;
62
62
  };
63
63
  primary: {
64
64
  /** Hydro: #002b45 */
65
65
  primary: string;
66
- /** Hydro: rgba(0,43,69, 0.7) */
66
+ /** Hydro: #002b45b3 */
67
67
  secondary: string;
68
- /** Hydro: rgba(0,43,69, 0.3) */
68
+ /** Hydro: #002b454d */
69
69
  disabled: string;
70
70
  };
71
71
  secondary: {
72
72
  /** Hydro: #49a2df */
73
73
  primary: string;
74
- /** Hydro: rgba(73,162,223,0.7) */
74
+ /** Hydro: #49a2dfb3 */
75
75
  secondary: string;
76
- /** Hydro: rgba(73,162,223,0.3) */
76
+ /** Hydro: #49a2df4d */
77
77
  disabled: string;
78
78
  };
79
79
  light: {
80
80
  /** Hydro: #ffffff */
81
81
  primary: string;
82
- /** Hydro: rgba(255,255,255,0.7) */
82
+ /** Hydro: #ffffffb3 */
83
83
  secondary: string;
84
- /** Hydro: rgba(255,255,255,0.3) */
84
+ /** Hydro: #ffffff4d */
85
85
  disabled: string;
86
86
  };
87
87
  };
88
88
  divider: {
89
- /** Hydro: rgba(255,255,255,0.16) */
89
+ /** Hydro: #ffffff29 */
90
90
  light: string;
91
- /** Hydro: rgba(77,78,76,0.16) */
91
+ /** Hydro: #4d4e4c29 */
92
92
  dark: string;
93
93
  };
94
94
  }
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
@@ -33,28 +33,28 @@ export var hydro2 = {
33
33
  text: {
34
34
  dark: {
35
35
  primary: '#4d4e4c',
36
- secondary: 'rgba(77,78,76,0.7)',
37
- disabled: 'rgba(77,78,76,0.3)'
36
+ secondary: '#4d4e4cb3',
37
+ disabled: '#4d4e4c4d'
38
38
  },
39
39
  primary: {
40
40
  primary: '#002b45',
41
- secondary: 'rgba(0,43,69,0.7)',
42
- disabled: 'rgba(0,43,69, 0.3)'
41
+ secondary: '#002b45b3',
42
+ disabled: '#002b454d'
43
43
  },
44
44
  secondary: {
45
45
  primary: '#49a2df',
46
- secondary: 'rgba(73,162,223,0.7)',
47
- disabled: 'rgba(73,162,223,0.3)'
46
+ secondary: '#49a2dfb3',
47
+ disabled: '#49a2df4d'
48
48
  },
49
49
  light: {
50
50
  primary: '#ffffff',
51
- secondary: 'rgba(255,255,255,0.7)',
52
- disabled: 'rgba(255,255,255,0.3)'
51
+ secondary: '#ffffffb3',
52
+ disabled: '#ffffff4d'
53
53
  }
54
54
  },
55
55
  divider: {
56
- light: 'rgba(255,255,255,0.16)',
57
- dark: 'rgba(77,78,76,0.16)'
56
+ light: '#ffffff29',
57
+ dark: '#4d4e4c29'
58
58
  }
59
59
  };
60
60
  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",
6
+ "version": "1.0.1",
7
7
  "sideEffects": false,
8
8
  "main": "./cjs/index.js",
9
9
  "module": "./index.js",
10
10
  "typings": "./index.d.ts",
11
- "gitHead": "b0e68a7e47cfd51cb64fd56fa14eb63d22d0ca7f",
11
+ "gitHead": "7ebfbfcc17bc141b77a22298567f4690f4a4f031",
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;