@odx/icons 2.9.6 → 2.10.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.
@@ -2,7 +2,7 @@
2
2
  <html>
3
3
  <head>
4
4
  <meta charset="utf-8">
5
- <title>@odx/icons 2.9.6</title>
5
+ <title>@odx/icons 2.10.0</title>
6
6
  <link rel="stylesheet" type="text/css" href="medical-icons.css" media="screen" />
7
7
  <style>
8
8
  * {
@@ -126,14 +126,35 @@
126
126
  />
127
127
  </svg>
128
128
  <h1 class="page-title">
129
- @odx/icons 2.9.6
129
+ @odx/icons 2.10.0
130
130
  </h1>
131
131
  <input class="page-search" placeholder="Search icons ..." />
132
132
  <div class="icon-count">
133
- Iconset: <strong>medical</strong> (7 icons)
133
+ Iconset: <strong>medical</strong> (10 icons)
134
134
  </div>
135
135
  </header>
136
136
  <main class="icons" id="icons">
137
+ <div class="icons__item">
138
+ <i class="odx-icon" data-icon-set="medical" data-icon-name="bed-free">
139
+ <span></span>
140
+ </i>
141
+ <span class="icon-name">bed-free</span>
142
+ <span class="icon-alias">
143
+ </div>
144
+ <div class="icons__item">
145
+ <i class="odx-icon" data-icon-set="medical" data-icon-name="bed-occupied">
146
+ <span></span>
147
+ </i>
148
+ <span class="icon-name">bed-occupied</span>
149
+ <span class="icon-alias">
150
+ </div>
151
+ <div class="icons__item">
152
+ <i class="odx-icon" data-icon-set="medical" data-icon-name="bed-raised">
153
+ <span></span>
154
+ </i>
155
+ <span class="icon-name">bed-raised</span>
156
+ <span class="icon-alias">
157
+ </div>
137
158
  <div class="icons__item">
138
159
  <i class="odx-icon" data-icon-set="medical" data-icon-name="placeholder">
139
160
  <span></span>
@@ -1,4 +1,7 @@
1
1
  $glyphs: (
2
+ bed-free: "\f108",
3
+ bed-occupied: "\f109",
4
+ bed-raised: "\f10a",
2
5
  placeholder: "\f101",
3
6
  stethoscope: "\f102",
4
7
  test-setup: "\f103",
@@ -1,97 +1 @@
1
- @font-face {
2
- font-family: medical-icons;
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
- font-style: normal;
6
- font-weight: 400;
7
- }
8
- .odx-icon {
9
- display: inline-block;
10
- position: relative;
11
- height: 1em;
12
- width: 1em;
13
- transform: translate(0, 0);
14
- text-rendering: auto;
15
- vertical-align: middle;
16
- font-size: inherit;
17
- font-weight: 400;
18
- line-height: 1;
19
- font-style: normal;
20
- font-variant: normal;
21
- -moz-osx-font-smoothing: grayscale;
22
- -webkit-font-smoothing: antialiased;
23
- }
24
- .odx-icon[data-icon-set=medical] {
25
- font-family: "medical-icons";
26
- }
27
-
28
- .odx-icon span::before {
29
- z-index: 1;
30
- }
31
-
32
- .odx-icon span::after {
33
- z-index: 2;
34
- }
35
-
36
- .odx-icon::before,
37
- .odx-icon::after,
38
- .odx-icon span::before,
39
- .odx-icon span::after {
40
- display: block;
41
- position: absolute;
42
- white-space: normal;
43
- text-indent: 0;
44
- speak: none;
45
- top: 0;
46
- left: 0;
47
- }
48
-
49
- .odx-icon[data-icon-rotate] {
50
- transform: rotate(var(--odx-icon-rotation));
51
- }
52
-
53
- .odx-icon[data-icon-rotate="90deg"] {
54
- --odx-icon-rotation: 90deg;
55
- }
56
-
57
- .odx-icon[data-icon-rotate="180deg"] {
58
- --odx-icon-rotation: 180deg;
59
- }
60
-
61
- .odx-icon[data-icon-rotate="270deg"] {
62
- --odx-icon-rotation: 270deg;
63
- }
64
-
65
- .odx-icon[data-icon-flip=horizontal] {
66
- transform: scaleX(-1);
67
- }
68
-
69
- .odx-icon[data-icon-flip=vertical] {
70
- transform: scaleY(-1);
71
- }
72
-
73
- .odx-icon[data-icon-flip=both] {
74
- transform: scale(-1);
75
- }
76
-
77
- [data-icon-set=medical][data-icon-name=placeholder]::before {
78
- content: "\f101";
79
- }
80
- [data-icon-set=medical][data-icon-name=stethoscope]::before {
81
- content: "\f102";
82
- }
83
- [data-icon-set=medical][data-icon-name=test-setup]::before {
84
- content: "\f103";
85
- }
86
- [data-icon-set=medical][data-icon-name=vapor]::before {
87
- content: "\f104";
88
- }
89
- [data-icon-set=medical][data-icon-name=ventilation-hfnc]::before {
90
- content: "\f105";
91
- }
92
- [data-icon-set=medical][data-icon-name=ventilation-mask]::before {
93
- content: "\f106";
94
- }
95
- [data-icon-set=medical][data-icon-name=ventilation-tube]::before {
96
- content: "\f107";
97
- }
1
+ @font-face{font-family:medical-icons;src:url("medical-icons.eot");src:url("medical-icons.eot?#iefix") format("embedded-opentype"),url("medical-icons.woff") format("woff"),url("medical-icons.ttf") format("truetype");font-style:normal;font-weight:400}.odx-icon{display:inline-block;position:relative;height:1em;width:1em;transform:translate(0,0);text-rendering:auto;vertical-align:middle;font-size:inherit;font-weight:400;line-height:1;font-style:normal;font-variant:normal;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.odx-icon[data-icon-set=medical]{font-family:medical-icons}.odx-icon span::before{z-index:1}.odx-icon span::after{z-index:2}.odx-icon span::after,.odx-icon span::before,.odx-icon::after,.odx-icon::before{display:block;position:absolute;white-space:normal;text-indent:0;speak:none;top:0;left:0}.odx-icon[data-icon-rotate]{transform:rotate(var(--odx-icon-rotation))}.odx-icon[data-icon-rotate="90deg"]{--odx-icon-rotation:90deg}.odx-icon[data-icon-rotate="180deg"]{--odx-icon-rotation:180deg}.odx-icon[data-icon-rotate="270deg"]{--odx-icon-rotation:270deg}.odx-icon[data-icon-flip=horizontal]{transform:scaleX(-1)}.odx-icon[data-icon-flip=vertical]{transform:scaleY(-1)}.odx-icon[data-icon-flip=both]{transform:scale(-1)}[data-icon-set=medical][data-icon-name=bed-free]::before{content:"\f108"}[data-icon-set=medical][data-icon-name=bed-occupied]::before{content:"\f109"}[data-icon-set=medical][data-icon-name=bed-raised]::before{content:"\f10a"}[data-icon-set=medical][data-icon-name=placeholder]::before{content:"\f101"}[data-icon-set=medical][data-icon-name=stethoscope]::before{content:"\f102"}[data-icon-set=medical][data-icon-name=test-setup]::before{content:"\f103"}[data-icon-set=medical][data-icon-name=vapor]::before{content:"\f104"}[data-icon-set=medical][data-icon-name=ventilation-hfnc]::before{content:"\f105"}[data-icon-set=medical][data-icon-name=ventilation-mask]::before{content:"\f106"}[data-icon-set=medical][data-icon-name=ventilation-tube]::before{content:"\f107"}
Binary file
@@ -82,6 +82,15 @@
82
82
  }
83
83
 
84
84
  [data-icon-set="medical"] {
85
+ &[data-icon-name="bed-free"]::before {
86
+ content: utils.get-icon-glyph("bed-free");
87
+ }
88
+ &[data-icon-name="bed-occupied"]::before {
89
+ content: utils.get-icon-glyph("bed-occupied");
90
+ }
91
+ &[data-icon-name="bed-raised"]::before {
92
+ content: utils.get-icon-glyph("bed-raised");
93
+ }
85
94
  &[data-icon-name="placeholder"]::before {
86
95
  content: utils.get-icon-glyph("placeholder");
87
96
  }
Binary file
Binary file
Binary file
@@ -1,4 +1,16 @@
1
1
  [
2
+ {
3
+ "name": "bed-free",
4
+ "set": "medical"
5
+ },
6
+ {
7
+ "name": "bed-occupied",
8
+ "set": "medical"
9
+ },
10
+ {
11
+ "name": "bed-raised",
12
+ "set": "medical"
13
+ },
2
14
  {
3
15
  "name": "placeholder",
4
16
  "set": "medical"
@@ -0,0 +1 @@
1
+ <?xml version="1.0" encoding="UTF-8"?><svg id="uuid-435a8f49-b1ef-4b0d-8377-05fdc707bbce" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m21,9v2H3v-2H1v5c0,1.1.9,2,2,2h18c1.1,0,2-.9,2-2v-5h-2Zm0,5H3v-1h18v1Zm-14.5,3c-.83,0-1.5.67-1.5,1.5s.67,1.5,1.5,1.5,1.5-.67,1.5-1.5-.67-1.5-1.5-1.5Zm0,2c-.28,0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5-.22.5-.5.5Zm11-2c-.83,0-1.5.67-1.5,1.5s.67,1.5,1.5,1.5,1.5-.67,1.5-1.5-.67-1.5-1.5-1.5Zm0,2c-.28,0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5-.22.5-.5.5Z" style="fill:#f0f; stroke-width:0px;"/></svg>
@@ -0,0 +1 @@
1
+ <?xml version="1.0" encoding="UTF-8"?><svg id="uuid-cc2431f9-ddaa-4f4e-bb2b-8a80f2d8c950" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m21,9v2H3v-2H1v5c0,1.1.9,2,2,2h18c1.1,0,2-.9,2-2v-5h-2Zm0,5H3v-1h18v1Zm-15-4c1.1,0,2-.9,2-2s-.9-2-2-2-2,.9-2,2,.9,2,2,2Zm0-3c.55,0,1,.45,1,1s-.45,1-1,1-1-.45-1-1,.45-1,1-1Zm4.5,3h8.54c.54-.02.96-.46.96-1,0-.49-.36-.9-.89-.98l-8.61-1.02c-.83,0-1.5.67-1.5,1.5s.67,1.5,1.5,1.5Zm-.06-2l8.44,1h-8.38c-.28,0-.5-.22-.5-.5s.22-.5.44-.5Zm-3.94,9c-.83,0-1.5.67-1.5,1.5s.67,1.5,1.5,1.5,1.5-.67,1.5-1.5-.67-1.5-1.5-1.5Zm0,2c-.28,0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5-.22.5-.5.5Zm11-2c-.83,0-1.5.67-1.5,1.5s.67,1.5,1.5,1.5,1.5-.67,1.5-1.5-.67-1.5-1.5-1.5Zm0,2c-.28,0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5-.22.5-.5.5Z" style="fill:#f0f; stroke-width:0px;"/></svg>
@@ -0,0 +1 @@
1
+ <?xml version="1.0" encoding="UTF-8"?><svg id="uuid-d7170771-9577-4991-a3fb-a6f2f3674efa" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m23,9v5c0,1.1-.9,2-2,2H3c-1.1,0-2-.9-2-2v-5h2v5h18v-1h-10.8l-6.44-4.73,1.18-1.61,5.91,4.34h10.14v-2h2Zm-15,9.5c0,.83-.67,1.5-1.5,1.5s-1.5-.67-1.5-1.5.67-1.5,1.5-1.5,1.5.67,1.5,1.5Zm-1,0c0-.28-.22-.5-.5-.5s-.5.22-.5.5.22.5.5.5.5-.22.5-.5Zm12,0c0,.83-.67,1.5-1.5,1.5s-1.5-.67-1.5-1.5.67-1.5,1.5-1.5,1.5.67,1.5,1.5Zm-1,0c0-.28-.22-.5-.5-.5s-.5.22-.5.5.22.5.5.5.5-.22.5-.5Z" style="fill:#f0f; stroke-width:0px;"/></svg>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@odx/icons",
3
- "version": "2.9.6",
3
+ "version": "2.10.0",
4
4
  "author": "Drägerwerk AG & Co. KGaA",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "publishConfig": {
@@ -2,7 +2,7 @@
2
2
  <html>
3
3
  <head>
4
4
  <meta charset="utf-8">
5
- <title>@odx/icons 2.9.6</title>
5
+ <title>@odx/icons 2.10.0</title>
6
6
  <link rel="stylesheet" type="text/css" href="safety-icons.css" media="screen" />
7
7
  <style>
8
8
  * {
@@ -126,7 +126,7 @@
126
126
  />
127
127
  </svg>
128
128
  <h1 class="page-title">
129
- @odx/icons 2.9.6
129
+ @odx/icons 2.10.0
130
130
  </h1>
131
131
  <input class="page-search" placeholder="Search icons ..." />
132
132
  <div class="icon-count">