@odx/icons 1.3.2 → 1.3.4

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 (43) hide show
  1. package/CHANGELOG.md +2 -2
  2. package/core/{demo-poster.html → core-demo-poster.html} +3 -3
  3. package/core/core-icons.css +985 -0
  4. package/core/{font.eot → core-icons.eot} +0 -0
  5. package/core/core-icons.scss +993 -0
  6. package/core/{font.ttf → core-icons.ttf} +0 -0
  7. package/core/{font.woff → core-icons.woff} +0 -0
  8. package/core/core-icons.woff2 +0 -0
  9. package/core/{utils.scss → core-utils.scss} +3 -3
  10. package/medical/{demo-poster.html → medical-demo-poster.html} +3 -3
  11. package/medical/{font.css → medical-icons.css} +3 -4
  12. package/medical/{font.eot → medical-icons.eot} +0 -0
  13. package/medical/{font.scss → medical-icons.scss} +12 -12
  14. package/medical/{font.ttf → medical-icons.ttf} +0 -0
  15. package/medical/medical-icons.woff +0 -0
  16. package/medical/medical-icons.woff2 +0 -0
  17. package/medical/{utils.scss → medical-utils.scss} +3 -3
  18. package/package.json +1 -1
  19. package/safety/{demo-poster.html → safety-demo-poster.html} +3 -3
  20. package/safety/safety-icons.css +2542 -0
  21. package/safety/{font.eot → safety-icons.eot} +0 -0
  22. package/safety/safety-icons.scss +2550 -0
  23. package/safety/{font.ttf → safety-icons.ttf} +0 -0
  24. package/safety/{font.woff → safety-icons.woff} +0 -0
  25. package/safety/safety-icons.woff2 +0 -0
  26. package/safety/{utils.scss → safety-utils.scss} +3 -3
  27. package/core/font.css +0 -1279
  28. package/core/font.scss +0 -1286
  29. package/core/font.svg +0 -894
  30. package/core/font.woff2 +0 -0
  31. package/medical/font.svg +0 -15
  32. package/medical/font.woff +0 -0
  33. package/medical/font.woff2 +0 -0
  34. package/safety/font.css +0 -3313
  35. package/safety/font.scss +0 -3320
  36. package/safety/font.svg +0 -2325
  37. package/safety/font.woff2 +0 -0
  38. /package/core/{iconmap.scss → core-iconmap.scss} +0 -0
  39. /package/core/{metadata.json → core-metadata.json} +0 -0
  40. /package/medical/{iconmap.scss → medical-iconmap.scss} +0 -0
  41. /package/medical/{metadata.json → medical-metadata.json} +0 -0
  42. /package/safety/{iconmap.scss → safety-iconmap.scss} +0 -0
  43. /package/safety/{metadata.json → safety-metadata.json} +0 -0
package/core/{font.ttf → core-icons.ttf} RENAMED
Binary file
package/core/core-icons.woff2 ADDED
Binary file
package/core/{utils.scss → core-utils.scss} RENAMED
@@ -1,5 +1,5 @@
1
1
  @use 'sass:map';
2
- @use 'iconmap';
2
+ @use 'core-iconmap';
3
3
 
4
4
  @function get-icon-glyph($iconName) {
5
5
  @return map.get($map: iconmap.$glyphs, $key: $iconName);
@@ -12,7 +12,7 @@
12
12
  // convenience mixin defining inline css icons,
13
13
  // including all style-specific font properties,
14
14
  // and the ::before. Only works for single-colored icons!
15
- // To use multicolor icons inline, manually map the glyphs
15
+ // To use multicolor icons inline, manually map the glyphs
16
16
  // to content in pseudo elements using the "get-icon-glyph" function
17
17
 
18
18
  @mixin icon($iconName) {
@@ -29,4 +29,4 @@
29
29
  &::before {
30
30
  content: get-icon-glyph($iconName);
31
31
  }
32
- }
32
+ }
package/medical/{demo-poster.html → medical-demo-poster.html} RENAMED
@@ -2,8 +2,8 @@
2
2
  <html>
3
3
  <head>
4
4
  <meta charset="utf-8">
5
- <title>@odx/icons 1.3.2</title>
6
- <link rel="stylesheet" type="text/css" href="font.css" media="screen" />
5
+ <title>@odx/icons 1.3.4</title>
6
+ <link rel="stylesheet" type="text/css" href="medical-icons.css" media="screen" />
7
7
  <style>
8
8
  * {
9
9
  margin: 0;
@@ -126,7 +126,7 @@
126
126
  />
127
127
  </svg>
128
128
  <h1 class="page-title">
129
- @odx/icons 1.3.2
129
+ @odx/icons 1.3.4
130
130
  </h1>
131
131
  <input class="page-search" placeholder="Search icons ..." />
132
132
  <div class="icon-count">
package/medical/{font.css → medical-icons.css} RENAMED
@@ -1,7 +1,7 @@
1
1
  @font-face {
2
2
  font-family: odx-icon-medical;
3
- src: url("font.eot");
4
- src: url("font.eot?#iefix") format("embedded-opentype"), url("font.woff") format("woff"), url("font.ttf") format("truetype"), url("font.svg#uib-iconfont") format("svg");
3
+ src: url("medical-icons.eot");
4
+ src: url("medical-icons.eot?#iefix") format("embedded-opentype"), url("medical-icons.woff") format("woff"), url("medical-icons.ttf") format("truetype");
5
5
  font-style: normal;
6
6
  font-weight: 400;
7
7
  }
@@ -21,7 +21,6 @@
21
21
  -moz-osx-font-smoothing: grayscale;
22
22
  -webkit-font-smoothing: antialiased;
23
23
  }
24
-
25
24
  .odx-icon[data-icon-set=medical] {
26
25
  font-family: "odx-icon-medical";
27
26
  }
@@ -46,6 +45,6 @@
46
45
  speak: none;
47
46
  }
48
47
 
49
- [data-icon-name=placeholder]::before {
48
+ [data-icon-set=medical][data-icon-name=placeholder]::before {
50
49
  content: "\f101";
51
50
  }
package/medical/{font.scss → medical-icons.scss} RENAMED
@@ -1,12 +1,11 @@
1
- @import "iconmap";
1
+ @import "medical-iconmap";
2
2
 
3
3
  @font-face {
4
4
  font-family: odx-icon-medical;
5
- src: url('font.eot');
6
- src: url('font.eot?#iefix') format('embedded-opentype'),
7
- url('font.woff') format('woff'),
8
- url('font.ttf') format('truetype'),
9
- url('font.svg#uib-iconfont') format('svg');
5
+ src: url('medical-icons.eot');
6
+ src: url('medical-icons.eot?#iefix') format('embedded-opentype'),
7
+ url('medical-icons.woff') format('woff'),
8
+ url('medical-icons.ttf') format('truetype');
10
9
  font-style: normal;
11
10
  font-weight: 400;
12
11
  }
@@ -26,10 +25,10 @@
26
25
  font-variant: normal;
27
26
  -moz-osx-font-smoothing: grayscale;
28
27
  -webkit-font-smoothing: antialiased;
29
- }
30
28
 
31
- .odx-icon[data-icon-set="medical"] {
32
- font-family: 'odx-icon-medical';
29
+ &[data-icon-set="medical"] {
30
+ font-family: 'odx-icon-medical';
31
+ }
33
32
  }
34
33
 
35
34
  .odx-icon span::before {
@@ -52,7 +51,8 @@
52
51
  speak: none;
53
52
  }
54
53
 
55
- [data-icon-name="placeholder"]::before {
56
- content: map-get($glyphs, "placeholder");
54
+ [data-icon-set="medical"] {
55
+ &[data-icon-name="placeholder"]::before {
56
+ content: map-get($glyphs, "placeholder");
57
+ }
57
58
  }
58
-
package/medical/medical-icons.woff ADDED
Binary file
package/medical/medical-icons.woff2 ADDED
Binary file
package/medical/{utils.scss → medical-utils.scss} RENAMED
@@ -1,5 +1,5 @@
1
1
  @use 'sass:map';
2
- @use 'iconmap';
2
+ @use 'medical-iconmap';
3
3
 
4
4
  @function get-icon-glyph($iconName) {
5
5
  @return map.get($map: iconmap.$glyphs, $key: $iconName);
@@ -12,7 +12,7 @@
12
12
  // convenience mixin defining inline css icons,
13
13
  // including all style-specific font properties,
14
14
  // and the ::before. Only works for single-colored icons!
15
- // To use multicolor icons inline, manually map the glyphs
15
+ // To use multicolor icons inline, manually map the glyphs
16
16
  // to content in pseudo elements using the "get-icon-glyph" function
17
17
 
18
18
  @mixin icon($iconName) {
@@ -29,4 +29,4 @@
29
29
  &::before {
30
30
  content: get-icon-glyph($iconName);
31
31
  }
32
- }
32
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@odx/icons",
3
- "version": "1.3.2",
3
+ "version": "1.3.4",
4
4
  "author": "Drägerwerk AG & Co. KGaA",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "publishConfig": {
package/safety/{demo-poster.html → safety-demo-poster.html} RENAMED
@@ -2,8 +2,8 @@
2
2
  <html>
3
3
  <head>
4
4
  <meta charset="utf-8">
5
- <title>@odx/icons 1.3.2</title>
6
- <link rel="stylesheet" type="text/css" href="font.css" media="screen" />
5
+ <title>@odx/icons 1.3.4</title>
6
+ <link rel="stylesheet" type="text/css" href="safety-icons.css" media="screen" />
7
7
  <style>
8
8
  * {
9
9
  margin: 0;
@@ -126,7 +126,7 @@
126
126
  />
127
127
  </svg>
128
128
  <h1 class="page-title">
129
- @odx/icons 1.3.2
129
+ @odx/icons 1.3.4
130
130
  </h1>
131
131
  <input class="page-search" placeholder="Search icons ..." />
132
132
  <div class="icon-count">