@proximus/lavender-icon 1.2.0-alpha.20
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/dist/iconNames.js +1 -0
- package/dist/index.js +168 -0
- package/package.json +44 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default ["3g_tablet","accessories","account","activate","ai","air_plane","alarm","answers","antenna","applications","arrow_down","arrow_left","arrow_right","arrow_up","back_camera","batterie","bbox_off","bbox_on","belgique_ok","bell_circle","best_seller","best_seller_14","best_seller_2","beta","beta_02","bicycle","bill","bill_member","birthday_cake","blindness","bookmark","broken_links","budget_manager","bug","burger_menu","bus","cable","caddy","cadenas_cloud","calendar","call_from_abroad","call_transfert","calls","calls_1","calls_from_belgium","camera","car","car_crash","card","care","cash_back","checkmark","checkmark_branding","chevron_down","chevron_left","chevron_right","chevron_up","circular_economy","clock","cloud","cloud_ict","cloud_iot_1","cloud_iot_2","cloud_network","cloud_security","collaboration","community","congratulation_box","connected_devices","connection_error","connection_manager","connectivity","contact","contest","cookie","copy_paste","crash","cross","cross_circle","current_location","daily_comute","daily_rooming","daily_rooming_02","dance","dashboard","data","data_center","deaf","delivery","desktop","direct_assist","download","easy","easy_1","eco","edit","electricity","energy","entertainmant_full","entertainment","exclamation_filled","exclamation_mark","exhibition_screen","export","eye","eye_close","family","faq","favorite","favorite_unselected","feedback","fiber","filter","fire_wood","fixed_connection","fixed_phone","flexibility01","flexibility02","flexibility03","flexibility04","flexibility05","flexible_delivery","football","forum","free_delivery","free_service","frequently_questions","front_camera","fuel","galerry","galerry_02","games","gaz","gift","government","gps","guitar","handicap","handle","heat_pump","home","home_added_value","home_wifi","hub","icon_advantage_pig","ict","ict_networking","incoming_calls","infinity","information","information_box","innovation","inscription","international","internet","internet_laptop","internet_mobile","internet_tablet","invoice_insight_adv","layers","licence_plate_managment","licence_plate_managment02","light_bulb","links","location","login","login_open","logout","magnify","map","markets","mental_deficiency","messaging","metro","micro","micro_sim_card","microphone","minus","minus_circle","minutes_1600_01","minutes_1600_02","mobile","mobile_1","mobile_coverage","mobile_touches","mobility_insurance","monitoring","mood_happy","mood_joy","mood_neutral","mood_unhappy","mood_very_bad","move_sticker","music","natural_gas","no_playing","no_wifi","norton_security","norton_security_1","number1","number10","number2","number3","number4","number5","number6","number7","number8","number9","on_app","on_off_switch","on_web","one_click","options","outcoming_call","overview","pack","pack_off","paperclip","parking","picture","pin","places","play","plus","plus_circle","positioning","power","presence_home","prime","print","processor","products","qr","qr_code","question_mark","raccording_flat","ready_to_use","recycling","reducer","refresh","relaunch","reload","remote","repair_device","replay36","requests_appointments_and_order","reset","restaurant","roadwork","roaming","roaming_belgium","search","secure_paiement","serveur","settings","settings_full","share","shopmag","sim_card","smartphone1","smartphone2","smartphone3","smartphone4","smartphone4g","smartphone5","smartphone6","solar_panel","solar_pump","sondage","sound_alert","sound_off","sound_on","speed","speedtest_dl","speedtest_ul","stop_watch","subscription","subscription_1","succes","surf_gsm","sustainability","switch","tablet","tailor","target_blank","terms_and_conditions","threedots_horizontal02","threedots_vertical02","toucscreens","tractor","traffic_jam","train","tram","trash","tv","under_construction","upload","usage","videoscope","view360","view360_01","view360_02","voucher","walking","watch","water","wifi_ok","wifi_warning","wireless_hub","wrench"];
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,168 @@
|
|
|
1
|
+
import { WithFlexAttributes as d, colorValues as v } from "@proximus/lavender-common";
|
|
2
|
+
class b extends HTMLElement {
|
|
3
|
+
constructor() {
|
|
4
|
+
super();
|
|
5
|
+
}
|
|
6
|
+
static get observedAttributes() {
|
|
7
|
+
return ["name", "src", "type", "format"];
|
|
8
|
+
}
|
|
9
|
+
connectedCallback() {
|
|
10
|
+
if (document.querySelectorAll(
|
|
11
|
+
`px-icon-set[name="${this.getAttribute("name")}"]`
|
|
12
|
+
).length > 1 && (console.warn(
|
|
13
|
+
"Only one <px-icon-set> component is allowed, self removing"
|
|
14
|
+
), this.remove()), this.getAttribute("type") === "font") {
|
|
15
|
+
const n = document.createElement("style");
|
|
16
|
+
n.setAttribute("type", "text/css"), n.setAttribute("data-name", this.getAttribute("name")), n.textContent = `
|
|
17
|
+
@font-face {
|
|
18
|
+
font-family: 'lavender';
|
|
19
|
+
src:
|
|
20
|
+
url('${this.getAttribute("src")}') format(${this.getAttribute("format")}),
|
|
21
|
+
font-weight: normal;
|
|
22
|
+
font-style: normal;
|
|
23
|
+
font-display: block;
|
|
24
|
+
}
|
|
25
|
+
`, document.head.appendChild(n);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
disconnectedCallback() {
|
|
29
|
+
const e = document.querySelector(
|
|
30
|
+
`style[data-name="${this.getAttribute("name")}"]`
|
|
31
|
+
);
|
|
32
|
+
e && e.remove();
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
customElements.get("px-icon-set") || customElements.define("px-icon-set", b);
|
|
36
|
+
const f = ["2xs", "xs", "s", "m", "l", "xl", "2xl"], p = [
|
|
37
|
+
"name",
|
|
38
|
+
"size",
|
|
39
|
+
"color",
|
|
40
|
+
"aria-label",
|
|
41
|
+
"inverted",
|
|
42
|
+
"from"
|
|
43
|
+
];
|
|
44
|
+
class r extends d {
|
|
45
|
+
static get observedAttributes() {
|
|
46
|
+
return [...super.observedAttributes, ...p];
|
|
47
|
+
}
|
|
48
|
+
constructor(...e) {
|
|
49
|
+
var n;
|
|
50
|
+
super(...e), this.internals = (n = this.attachInternals) == null ? void 0 : n.call(this);
|
|
51
|
+
}
|
|
52
|
+
attributeChangedCallback(e, n, t) {
|
|
53
|
+
if (n !== t)
|
|
54
|
+
switch (e) {
|
|
55
|
+
case "name":
|
|
56
|
+
this.updateName(n, t);
|
|
57
|
+
break;
|
|
58
|
+
case "size":
|
|
59
|
+
this.updateAttribute(e, n, t, f);
|
|
60
|
+
break;
|
|
61
|
+
case "color":
|
|
62
|
+
this.updateAttribute(e, n, t, v);
|
|
63
|
+
break;
|
|
64
|
+
case "aria-label":
|
|
65
|
+
if (!this.internals)
|
|
66
|
+
return;
|
|
67
|
+
t ? this.internals.ariaHidden = "false" : this.internals.ariaHidden = "true";
|
|
68
|
+
break;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
updateAttribute(e, n, t, s) {
|
|
72
|
+
n !== null && n !== "" && (e === "size" ? this.$el.classList.toggle(`${e}-${n}`) : this.$el.classList.toggle(n)), t !== null && t !== "" && (e === "size" ? this.$el.classList.toggle(`${e}-${t}`) : this.$el.classList.toggle(t)), this.checkName(s, t) || console.error(
|
|
73
|
+
`${t} is not an allowed ${e} value for ${this.$el}`
|
|
74
|
+
);
|
|
75
|
+
}
|
|
76
|
+
checkName(e, n) {
|
|
77
|
+
return e.includes(n);
|
|
78
|
+
}
|
|
79
|
+
get name() {
|
|
80
|
+
return this.getAttribute("name");
|
|
81
|
+
}
|
|
82
|
+
set name(e) {
|
|
83
|
+
this.setAttribute("name", e);
|
|
84
|
+
}
|
|
85
|
+
get size() {
|
|
86
|
+
return this.getAttribute("size");
|
|
87
|
+
}
|
|
88
|
+
set size(e) {
|
|
89
|
+
this.setAttribute("size", e);
|
|
90
|
+
}
|
|
91
|
+
get color() {
|
|
92
|
+
return this.getAttribute("color");
|
|
93
|
+
}
|
|
94
|
+
set color(e) {
|
|
95
|
+
this.setAttribute("color", e);
|
|
96
|
+
}
|
|
97
|
+
get arialabel() {
|
|
98
|
+
return this.getAttribute("aria-label");
|
|
99
|
+
}
|
|
100
|
+
set arialabel(e) {
|
|
101
|
+
this.setAttribute("aria-label", e);
|
|
102
|
+
}
|
|
103
|
+
get inverted() {
|
|
104
|
+
return this.getAttribute("inverted");
|
|
105
|
+
}
|
|
106
|
+
set inverted(e) {
|
|
107
|
+
this.setAttribute("inverted", e);
|
|
108
|
+
}
|
|
109
|
+
get from() {
|
|
110
|
+
return this.getAttribute("from");
|
|
111
|
+
}
|
|
112
|
+
set from(e) {
|
|
113
|
+
this.setAttribute("from", e);
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
const a = ":host{line-height:1;display:inline-block;vertical-align:middle}i{font-family:lavender;color:var(--px-color-icon-primary-default);font-size:var(--px-icon-size-m-mobile);line-height:1;font-style:unset;font-weight:400;-webkit-user-select:none;user-select:none;font-display:swap}svg{width:var(--px-icon-size-m-mobile);height:var(--px-icon-size-m-mobile);color:var(--px-color-icon-primary-default)}.inherit{color:inherit}.primary{color:var(--px-color-icon-primary-default)}.body{color:var(--px-color-icon-body-default)}.details{color:var(--px-color-icon-details-default)}.hover:hover{color:var(--px-color-icon-hover-default)}.hover:active{color:var(--px-color-icon-active-default)}.disabled{color:var(--px-color-icon-disabled-default)}.success{color:var(--px-color-icon-success-default)}.warning{color:var(--px-color-icon-warning-default)}.error{color:var(--px-color-icon-error-default)}.unlimited{color:var(--px-color-icon-unlimited-default)}.promo{color:var(--px-color-icon-promo-default)}:host([inverted]) i{color:var(--px-color-icon-primary-inverted)}:host([inverted]) svg{color:var(--px-color-icon-primary-inverted)}:host([inverted]) .primary{color:var(--px-color-icon-primary-inverted)}:host([inverted]) .body{color:var(--px-color-icon-body-inverted)}:host([inverted]) .details{color:var(--px-color-icon-details-inverted)}:host([inverted]) .hover:hover{color:var(--px-color-icon-hover-inverted)}:host([inverted]) .hover:active{color:var(--px-color-icon-active-inverted)}:host([inverted]) .disabled{color:var(--px-color-icon-disabled-inverted)}:host([inverted]) .success{color:var(--px-color-icon-success-inverted)}:host([inverted]) .warning{color:var(--px-color-icon-warning-inverted)}:host([inverted]) .error{color:var(--px-color-icon-error-inverted)}:host([inverted]) .unlimited{color:var(--px-color-icon-unlimited-inverted)}:host([inverted]) .promo{color:var(--px-color-icon-promo-inverted)}.size-2xs{width:var(--px-icon-size-2xs-mobile);height:var(--px-icon-size-2xs-mobile);font-size:var(--px-icon-size-2xs-mobile)}.size-xs{width:var(--px-icon-size-xs-mobile);height:var(--px-icon-size-xs-mobile);font-size:var(--px-icon-size-xs-mobile)}.size-s{width:var(--px-icon-size-s-mobile);height:var(--px-icon-size-s-mobile);font-size:var(--px-icon-size-s-mobile)}.size-m{width:var(--px-icon-size-m-mobile);height:var(--px-icon-size-m-mobile);font-size:var(--px-icon-size-m-mobile)}.size-l{width:var(--px-icon-size-l-mobile);height:var(--px-icon-size-l-mobile);font-size:var(--px-icon-size-l-mobile)}.size-xl{width:var(--px-icon-size-xl-mobile);height:var(--px-icon-size-xl-mobile);font-size:var(--px-icon-size-xl-mobile)}.size-2xl{width:var(--px-icon-size-2xl-mobile);height:var(--px-icon-size-2xl-mobile);font-size:var(--px-icon-size-2xl-mobile)}@media only screen and (min-width: 64rem){.size-2xs{width:var(--px-icon-size-2xs-tablet);height:var(--px-icon-size-2xs-tablet);font-size:var(--px-icon-size-2xs-tablet)}.size-xs{width:var(--px-icon-size-xs-tablet);height:var(--px-icon-size-xs-tablet);font-size:var(--px-icon-size-xs-tablet)}.size-s{width:var(--px-icon-size-s-tablet);height:var(--px-icon-size-s-tablet);font-size:var(--px-icon-size-s-tablet)}.size-m{width:var(--px-icon-size-m-tablet);height:var(--px-icon-size-m-tablet);font-size:var(--px-icon-size-m-tablet)}.size-l{width:var(--px-icon-size-l-tablet);height:var(--px-icon-size-l-tablet);font-size:var(--px-icon-size-l-tablet)}.size-xl{width:var(--px-icon-size-xl-tablet);height:var(--px-icon-size-xl-tablet);font-size:var(--px-icon-size-xl-tablet)}.size-2xl{width:var(--px-icon-size-2xl-tablet);height:var(--px-icon-size-2xl-tablet);font-size:var(--px-icon-size-2xl-tablet)}}@media only screen and (min-width: 90rem){.size-2xs{width:var(--px-icon-size-2xs-desktop);height:var(--px-icon-size-2xs-desktop);font-size:var(--px-icon-size-2xs-desktop)}.size-xs{width:var(--px-icon-size-xs-desktop);height:var(--px-icon-size-xs-desktop);font-size:var(--px-icon-size-xs-desktop)}.size-s{width:var(--px-icon-size-s-desktop);height:var(--px-icon-size-s-desktop);font-size:var(--px-icon-size-s-desktop)}.size-m{width:var(--px-icon-size-m-desktop);height:var(--px-icon-size-m-desktop);font-size:var(--px-icon-size-m-desktop)}.size-l{width:var(--px-icon-size-l-desktop);height:var(--px-icon-size-l-desktop);font-size:var(--px-icon-size-l-desktop)}.size-xl{width:var(--px-icon-size-xl-desktop);height:var(--px-icon-size-xl-desktop);font-size:var(--px-icon-size-xl-desktop)}.size-2xl{width:var(--px-icon-size-2xl-desktop);height:var(--px-icon-size-2xl-desktop);font-size:var(--px-icon-size-2xl-desktop)}}i.icon-large:before{vertical-align:-10%;font-size:1.3333333333em}", c = new CSSStyleSheet();
|
|
117
|
+
c.replaceSync(a);
|
|
118
|
+
class m extends r {
|
|
119
|
+
constructor() {
|
|
120
|
+
super(c), this.template = () => `<svg>
|
|
121
|
+
<use xlink:href="#icon-${this.name}"></use>
|
|
122
|
+
</svg>`, this.shadowRoot.innerHTML = this.template();
|
|
123
|
+
}
|
|
124
|
+
connectedCallback() {
|
|
125
|
+
const e = document.querySelectorAll("px-icon-set");
|
|
126
|
+
e || console.log("<px-icon-set> component not found");
|
|
127
|
+
for (const n of e) {
|
|
128
|
+
if (!n.getAttribute("name") || !n.getAttribute("src")) {
|
|
129
|
+
console.error("Icon name or src not found");
|
|
130
|
+
continue;
|
|
131
|
+
}
|
|
132
|
+
n.getAttribute("name") === this.from && n.getAttribute("type") !== "font" && (this.src = n.getAttribute("src"), this.$el.firstElementChild.setAttribute(
|
|
133
|
+
"xlink:href",
|
|
134
|
+
`${this.src}#icon-${this.name}`
|
|
135
|
+
));
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
updateName(e, n) {
|
|
139
|
+
this.src && this.$el.firstElementChild.setAttribute(
|
|
140
|
+
"xlink:href",
|
|
141
|
+
`${this.src}#icon-${n}`
|
|
142
|
+
);
|
|
143
|
+
}
|
|
144
|
+
get $el() {
|
|
145
|
+
return this.shadowRoot.querySelector("svg");
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
customElements.get("px-icon") || customElements.define("px-icon", m);
|
|
149
|
+
const h = '.lavender-3g_tablet:before{content:""}.lavender-accessories:before{content:""}.lavender-account:before{content:""}.lavender-activate:before{content:""}.lavender-ai:before{content:""}.lavender-air_plane:before{content:""}.lavender-alarm:before{content:""}.lavender-answers:before{content:""}.lavender-antenna:before{content:""}.lavender-applications:before{content:""}.lavender-arrow_down:before{content:""}.lavender-arrow_left:before{content:""}.lavender-arrow_right:before{content:""}.lavender-arrow_up:before{content:""}.lavender-back_camera:before{content:""}.lavender-bbox_off:before{content:""}.lavender-batterie:before{content:""}.lavender-best_seller:before{content:""}.lavender-bell_circle:before{content:""}.lavender-best_seller_2:before{content:""}.lavender-best_seller_14:before{content:""}.lavender-bbox_on:before{content:""}.lavender-beta_02:before{content:""}.lavender-beta:before{content:""}.lavender-belgique_ok:before{content:""}.lavender-bicycle:before{content:""}.lavender-bill:before{content:""}.lavender-bill_member:before{content:""}.lavender-birthday_cake:before{content:""}.lavender-blindness:before{content:""}.lavender-bookmark:before{content:""}.lavender-broken_links:before{content:""}.lavender-burger_menu:before{content:""}.lavender-bus:before{content:""}.lavender-bug:before{content:""}.lavender-budget_manager:before{content:""}.lavender-cable:before{content:""}.lavender-caddy:before{content:""}.lavender-cadenas_cloud:before{content:""}.lavender-calendar:before{content:""}.lavender-call_from_abroad:before{content:""}.lavender-call_transfert:before{content:""}.lavender-calls:before{content:""}.lavender-camera:before{content:""}.lavender-calls_1:before{content:""}.lavender-calls_from_belgium:before{content:""}.lavender-car:before{content:""}.lavender-car_crash:before{content:""}.lavender-card:before{content:""}.lavender-care:before{content:""}.lavender-cash_back:before{content:""}.lavender-checkmark:before{content:""}.lavender-checkmark_branding:before{content:""}.lavender-chevron_down:before{content:""}.lavender-chevron_up:before{content:""}.lavender-circular_economy:before{content:""}.lavender-clock:before{content:""}.lavender-cloud:before{content:""}.lavender-cloud_ict:before{content:""}.lavender-cloud_iot_1:before{content:""}.lavender-cloud_iot_2:before{content:""}.lavender-chevron_right:before{content:""}.lavender-cloud_security:before{content:""}.lavender-cloud_network:before{content:""}.lavender-chevron_left:before{content:""}.lavender-collaboration:before{content:""}.lavender-congratulation_box:before{content:""}.lavender-connection_error:before{content:""}.lavender-community:before{content:""}.lavender-connected_devices:before{content:""}.lavender-contact:before{content:""}.lavender-crash:before{content:""}.lavender-copy_paste:before{content:""}.lavender-cookie:before{content:""}.lavender-contest:before{content:""}.lavender-cross:before{content:""}.lavender-cross_circle:before{content:""}.lavender-connectivity:before{content:""}.lavender-current_location:before{content:""}.lavender-connection_manager:before{content:""}.lavender-daily_comute:before{content:""}.lavender-daily_rooming:before{content:""}.lavender-data:before{content:""}.lavender-dance:before{content:""}.lavender-dashboard:before{content:""}.lavender-desktop:before{content:""}.lavender-delivery:before{content:""}.lavender-data_center:before{content:""}.lavender-easy:before{content:""}.lavender-download:before{content:""}.lavender-easy_1:before{content:""}.lavender-daily_rooming_02:before{content:""}.lavender-direct_assist:before{content:""}.lavender-edit:before{content:""}.lavender-electricity:before{content:""}.lavender-energy:before{content:""}.lavender-entertainmant_full:before{content:""}.lavender-entertainment:before{content:""}.lavender-exclamation_mark:before{content:""}.lavender-eco:before{content:""}.lavender-exclamation_filled:before{content:""}.lavender-exhibition_screen:before{content:""}.lavender-export:before{content:""}.lavender-eye:before{content:""}.lavender-eye_close:before{content:""}.lavender-family:before{content:""}.lavender-faq:before{content:""}.lavender-favorite:before{content:""}.lavender-favorite_unselected:before{content:""}.lavender-feedback:before{content:""}.lavender-filter:before{content:""}.lavender-fixed_connection:before{content:""}.lavender-fiber:before{content:""}.lavender-fire_wood:before{content:""}.lavender-flexibility04:before{content:""}.lavender-flexibility05:before{content:""}.lavender-flexibility03:before{content:""}.lavender-flexibility02:before{content:""}.lavender-flexible_delivery:before{content:""}.lavender-flexibility01:before{content:""}.lavender-fixed_phone:before{content:""}.lavender-football:before{content:""}.lavender-forum:before{content:""}.lavender-free_delivery:before{content:""}.lavender-free_service:before{content:""}.lavender-frequently_questions:before{content:""}.lavender-fuel:before{content:""}.lavender-front_camera:before{content:""}.lavender-galerry_02:before{content:""}.lavender-galerry:before{content:""}.lavender-games:before{content:""}.lavender-gaz:before{content:""}.lavender-gift:before{content:""}.lavender-government:before{content:""}.lavender-gps:before{content:""}.lavender-handicap:before{content:""}.lavender-handle:before{content:""}.lavender-heat_pump:before{content:""}.lavender-guitar:before{content:""}.lavender-home:before{content:""}.lavender-home_added_value:before{content:""}.lavender-hub:before{content:""}.lavender-home_wifi:before{content:""}.lavender-icon_advantage_pig:before{content:""}.lavender-ict:before{content:""}.lavender-ict_networking:before{content:""}.lavender-incoming_calls:before{content:""}.lavender-infinity:before{content:""}.lavender-information_box:before{content:""}.lavender-internet_mobile:before{content:""}.lavender-information:before{content:""}.lavender-internet_laptop:before{content:""}.lavender-internet_tablet:before{content:""}.lavender-invoice_insight_adv:before{content:""}.lavender-international:before{content:""}.lavender-layers:before{content:""}.lavender-internet:before{content:""}.lavender-licence_plate_managment:before{content:""}.lavender-inscription:before{content:""}.lavender-licence_plate_managment02:before{content:""}.lavender-innovation:before{content:""}.lavender-light_bulb:before{content:""}.lavender-links:before{content:""}.lavender-location:before{content:""}.lavender-login:before{content:""}.lavender-login_open:before{content:""}.lavender-logout:before{content:""}.lavender-magnify:before{content:""}.lavender-map:before{content:""}.lavender-markets:before{content:""}.lavender-metro:before{content:""}.lavender-microphone:before{content:""}.lavender-micro:before{content:""}.lavender-mental_deficiency:before{content:""}.lavender-minus_circle:before{content:""}.lavender-minus:before{content:""}.lavender-minutes_1600_01:before{content:""}.lavender-micro_sim_card:before{content:""}.lavender-messaging:before{content:""}.lavender-mobile:before{content:""}.lavender-minutes_1600_02:before{content:""}.lavender-mobile_coverage:before{content:""}.lavender-mobile_1:before{content:""}.lavender-mobile_touches:before{content:""}.lavender-mobility_insurance:before{content:""}.lavender-monitoring:before{content:""}.lavender-mood_happy:before{content:""}.lavender-mood_joy:before{content:""}.lavender-mood_neutral:before{content:""}.lavender-mood_unhappy:before{content:""}.lavender-move_sticker:before{content:""}.lavender-no_wifi:before{content:""}.lavender-no_playing:before{content:""}.lavender-number2:before{content:""}.lavender-number3:before{content:""}.lavender-number1:before{content:""}.lavender-norton_security_1:before{content:""}.lavender-mood_very_bad:before{content:""}.lavender-music:before{content:""}.lavender-norton_security:before{content:""}.lavender-natural_gas:before{content:""}.lavender-number4:before{content:""}.lavender-number5:before{content:""}.lavender-number6:before{content:""}.lavender-number7:before{content:""}.lavender-number8:before{content:""}.lavender-number9:before{content:""}.lavender-number10:before{content:""}.lavender-on_app:before{content:""}.lavender-on_off_switch:before{content:""}.lavender-on_web:before{content:""}.lavender-one_click:before{content:""}.lavender-outcoming_call:before{content:""}.lavender-options:before{content:""}.lavender-overview:before{content:""}.lavender-pack:before{content:""}.lavender-pack_off:before{content:""}.lavender-paperclip:before{content:""}.lavender-parking:before{content:""}.lavender-picture:before{content:""}.lavender-pin:before{content:""}.lavender-places:before{content:""}.lavender-play:before{content:""}.lavender-plus:before{content:""}.lavender-plus_circle:before{content:""}.lavender-positioning:before{content:""}.lavender-power:before{content:""}.lavender-presence_home:before{content:""}.lavender-prime:before{content:""}.lavender-print:before{content:""}.lavender-processor:before{content:""}.lavender-products:before{content:""}.lavender-qr_code:before{content:""}.lavender-qr:before{content:""}.lavender-reducer:before{content:""}.lavender-refresh:before{content:""}.lavender-reload:before{content:""}.lavender-relaunch:before{content:""}.lavender-recycling:before{content:""}.lavender-remote:before{content:""}.lavender-repair_device:before{content:""}.lavender-raccording_flat:before{content:""}.lavender-ready_to_use:before{content:""}.lavender-question_mark:before{content:""}.lavender-replay36:before{content:""}.lavender-requests_appointments_and_order:before{content:""}.lavender-reset:before{content:""}.lavender-roaming_belgium:before{content:""}.lavender-roadwork:before{content:""}.lavender-roaming:before{content:""}.lavender-settings:before{content:""}.lavender-serveur:before{content:""}.lavender-settings_full:before{content:""}.lavender-restaurant:before{content:""}.lavender-shopmag:before{content:""}.lavender-secure_paiement:before{content:""}.lavender-sim_card:before{content:""}.lavender-share:before{content:""}.lavender-search:before{content:""}.lavender-smartphone1:before{content:""}.lavender-smartphone2:before{content:""}.lavender-smartphone3:before{content:""}.lavender-smartphone4:before{content:""}.lavender-smartphone4g:before{content:""}.lavender-smartphone5:before{content:""}.lavender-smartphone6:before{content:""}.lavender-solar_panel:before{content:""}.lavender-solar_pump:before{content:""}.lavender-sondage:before{content:""}.lavender-sound_alert:before{content:""}.lavender-sound_on:before{content:""}.lavender-sound_off:before{content:""}.lavender-stop_watch:before{content:""}.lavender-speedtest_dl:before{content:""}.lavender-speed:before{content:""}.lavender-surf_gsm:before{content:""}.lavender-sustainability:before{content:""}.lavender-speedtest_ul:before{content:""}.lavender-switch:before{content:""}.lavender-succes:before{content:""}.lavender-subscription_1:before{content:""}.lavender-tablet:before{content:""}.lavender-tailor:before{content:""}.lavender-subscription:before{content:""}.lavender-target_blank:before{content:""}.lavender-threedots_horizontal02:before{content:""}.lavender-terms_and_conditions:before{content:""}.lavender-tractor:before{content:""}.lavender-toucscreens:before{content:""}.lavender-threedots_vertical02:before{content:""}.lavender-train:before{content:""}.lavender-traffic_jam:before{content:""}.lavender-tram:before{content:""}.lavender-trash:before{content:""}.lavender-tv:before{content:""}.lavender-under_construction:before{content:""}.lavender-upload:before{content:""}.lavender-usage:before{content:""}.lavender-view360_02:before{content:""}.lavender-view360:before{content:""}.lavender-view360_01:before{content:""}.lavender-videoscope:before{content:""}.lavender-wifi_warning:before{content:""}.lavender-wireless_hub:before{content:""}.lavender-wrench:before{content:""}.lavender-wifi_ok:before{content:""}.lavender-water:before{content:""}.lavender-walking:before{content:""}.lavender-watch:before{content:""}.lavender-voucher:before{content:""}', i = new CSSStyleSheet(), l = new CSSStyleSheet();
|
|
150
|
+
i.replaceSync(h);
|
|
151
|
+
l.replaceSync(a);
|
|
152
|
+
class u extends r {
|
|
153
|
+
constructor() {
|
|
154
|
+
super(i, l), this.template = () => "<i></i>", this.shadowRoot.innerHTML = this.template();
|
|
155
|
+
}
|
|
156
|
+
updateName(e, n) {
|
|
157
|
+
this.$el.classList.remove(`lavender-${e}`), n && this.$el.classList.add(`lavender-${n}`);
|
|
158
|
+
}
|
|
159
|
+
get $el() {
|
|
160
|
+
return this.shadowRoot.querySelector("i");
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
customElements.define("px-icon-f", u);
|
|
164
|
+
export {
|
|
165
|
+
u as FontIcon,
|
|
166
|
+
b as IconSet,
|
|
167
|
+
m as SVGIcon
|
|
168
|
+
};
|
package/package.json
ADDED
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@proximus/lavender-icon",
|
|
3
|
+
"version": "1.2.0-alpha.20",
|
|
4
|
+
"description": "",
|
|
5
|
+
"main": "dist/index.js",
|
|
6
|
+
"exports": {
|
|
7
|
+
".": {
|
|
8
|
+
"types": "./src/index.ts",
|
|
9
|
+
"development": "./src/index.ts",
|
|
10
|
+
"default": "./dist/index.js"
|
|
11
|
+
},
|
|
12
|
+
"./src/*.css": {
|
|
13
|
+
"development": "src/*.css"
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
"files": [
|
|
17
|
+
"dist"
|
|
18
|
+
],
|
|
19
|
+
"type": "module",
|
|
20
|
+
"scripts": {
|
|
21
|
+
"clean": "rm -rf dist",
|
|
22
|
+
"svgo": "svgo -rf ./figma-output -o dist/svgs",
|
|
23
|
+
"icomoon": "node scripts/cleanIcomoonCss.js && cp -r icomoon-output/fonts dist/",
|
|
24
|
+
"sprites": "npm run svgo && node ./scripts/svgsToSprites.js",
|
|
25
|
+
"build": "npm run clean && tsc && vite build && npm run sprites && npm run icomoon",
|
|
26
|
+
"test": "vitest run --coverage"
|
|
27
|
+
},
|
|
28
|
+
"publishConfig": {
|
|
29
|
+
"access": "public"
|
|
30
|
+
},
|
|
31
|
+
"gitHead": "15a231df98020f83813279639a9a7712a5a5e759",
|
|
32
|
+
"lerna": {
|
|
33
|
+
"command": {
|
|
34
|
+
"publish": {
|
|
35
|
+
"assets": [
|
|
36
|
+
"CHANGELOG.md",
|
|
37
|
+
"package.json",
|
|
38
|
+
"dist/*.js",
|
|
39
|
+
"dist/css/**/*.css"
|
|
40
|
+
]
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
}
|