+
diff --git a/projects/ngx-sharebuttons-demo/src/app/shared/note/note.component.scss b/projects/ngx-sharebuttons-demo/src/app/shared/note/note.component.scss
index ddc40abf..f650f3df 100644
--- a/projects/ngx-sharebuttons-demo/src/app/shared/note/note.component.scss
+++ b/projects/ngx-sharebuttons-demo/src/app/shared/note/note.component.scss
@@ -1,14 +1,14 @@
@use '@angular/material' as mat;
:host {
- --lightbulb-bg: #{mat.get-color-from-palette(mat.define-palette(mat.$blue-gray-palette, 100))};
- --lightbulb-color: #{mat.get-color-from-palette(mat.define-palette(mat.$light-green-palette, 600))};
+ --lightbulb-bg: #{mat.m2-get-color-from-palette(mat.m2-define-palette(mat.$m2-blue-gray-palette, 100))};
+ --lightbulb-color: #{mat.m2-get-color-from-palette(mat.m2-define-palette(mat.$m2-light-green-palette, 600))};
- --coffee-bg: #{mat.get-color-from-palette(mat.define-palette(mat.$blue-gray-palette, 100))};
- --coffee-color: #{mat.get-color-from-palette(mat.define-palette(mat.$blue-gray-palette, 600))};
+ --coffee-bg: #{mat.m2-get-color-from-palette(mat.m2-define-palette(mat.$m2-blue-gray-palette, 100))};
+ --coffee-color: #{mat.m2-get-color-from-palette(mat.m2-define-palette(mat.$m2-blue-gray-palette, 600))};
- --book-bg: #{mat.get-color-from-palette(mat.define-palette(mat.$blue-gray-palette, 100))};
- --book-color: #{mat.get-color-from-palette(mat.define-palette(mat.$blue-gray-palette, 600))};
+ --book-bg: #{mat.m2-get-color-from-palette(mat.m2-define-palette(mat.$m2-blue-gray-palette, 100))};
+ --book-color: #{mat.m2-get-color-from-palette(mat.m2-define-palette(mat.$m2-blue-gray-palette, 600))};
display: block;
border-radius: var(--mdc-elevated-card-container-shape, var(--mdc-shape-medium, 4px));
diff --git a/projects/ngx-sharebuttons-demo/src/assets/code-examples/global-options/global-options.ts b/projects/ngx-sharebuttons-demo/src/assets/code-examples/global-options/global-options.ts
index 675a6dad..aae3243f 100644
--- a/projects/ngx-sharebuttons-demo/src/assets/code-examples/global-options/global-options.ts
+++ b/projects/ngx-sharebuttons-demo/src/assets/code-examples/global-options/global-options.ts
@@ -1,6 +1,6 @@
import { ApplicationConfig } from '@angular/core';
import { customShareButton, provideShareButtonsOptions, withConfig } from 'ngx-sharebuttons';
-import { withIcons } from 'ngx-sharebuttons/icons';
+import { shareIcons } from 'ngx-sharebuttons/icons';
export const appConfig: ApplicationConfig = {
providers: [
@@ -10,7 +10,7 @@ export const appConfig: ApplicationConfig = {
debug: true
}),
// Load the default share icons set (optional)
- withIcons(),
+ shareIcons(),
// Override a specific share button config
customShareButton('facebook', {
color: 'orange'
diff --git a/projects/ngx-sharebuttons-demo/src/assets/code-examples/icons-guide/icons-guide.ts b/projects/ngx-sharebuttons-demo/src/assets/code-examples/icons-guide/icons-guide.ts
index 8e40b41f..06d4ff8d 100644
--- a/projects/ngx-sharebuttons-demo/src/assets/code-examples/icons-guide/icons-guide.ts
+++ b/projects/ngx-sharebuttons-demo/src/assets/code-examples/icons-guide/icons-guide.ts
@@ -1,11 +1,11 @@
import { ApplicationConfig } from '@angular/core';
import { provideShareButtonsOptions } from 'ngx-sharebuttons';
-import { withIcons } from 'ngx-sharebuttons/icons';
+import { shareIcons } from 'ngx-sharebuttons/icons';
export const appConfig: ApplicationConfig = {
providers: [
provideShareButtonsOptions(
- withIcons()
+ shareIcons()
)
]
};
diff --git a/projects/ngx-sharebuttons-demo/src/assets/style/code.scss b/projects/ngx-sharebuttons-demo/src/assets/style/code.scss
index a459ecd2..28764e53 100644
--- a/projects/ngx-sharebuttons-demo/src/assets/style/code.scss
+++ b/projects/ngx-sharebuttons-demo/src/assets/style/code.scss
@@ -19,6 +19,7 @@ pre {
code.hljs {
display: inline-block;
+ background: white;
}
code {
diff --git a/projects/ngx-sharebuttons-demo/src/styles.scss b/projects/ngx-sharebuttons-demo/src/styles.scss
index 162da146..f253a583 100644
--- a/projects/ngx-sharebuttons-demo/src/styles.scss
+++ b/projects/ngx-sharebuttons-demo/src/styles.scss
@@ -2,17 +2,17 @@
@include mat.core();
-$primary: mat.define-palette(mat.$blue-gray-palette, 500);
-$accent: mat.define-palette(mat.$red-palette);
-$warn: mat.define-palette(mat.$purple-palette, 300);
+$primary: mat.m2-define-palette(mat.$m2-blue-gray-palette, 500);
+$accent: mat.m2-define-palette(mat.$m2-red-palette);
+$warn: mat.m2-define-palette(mat.$m2-purple-palette, 300);
-$my-theme: mat.define-light-theme((
+$my-theme: mat.m2-define-light-theme((
color: (
primary: $primary,
accent: $accent,
warn: $warn
),
- typography: mat.define-typography-config(
+ typography: mat.m2-define-typography-config(
$font-family: 'Play'
),
density: 0,
@@ -32,12 +32,12 @@ $my-theme: mat.define-light-theme((
:root {
--primary-color: #2E4057;
--accent-color: #ab4e45;
- --action-color: #{mat.get-color-from-palette(mat.define-palette(mat.$blue-gray-palette, 500))};
+ --action-color: #{mat.m2-get-color-from-palette(mat.m2-define-palette(mat.$m2-blue-gray-palette, 500))};
--output-color: #778DA9;
--note-color: var(--action-color);
- --note-bg: #{mat.get-color-from-palette(mat.define-palette(mat.$blue-gray-palette, 50))};
- --footer-bg: #{mat.get-color-from-palette(mat.define-palette(mat.$blue-gray-palette, 300))};
- --dialog-bg: #{mat.get-color-from-palette(mat.define-palette(mat.$purple-palette))};
+ --note-bg: #{mat.m2-get-color-from-palette(mat.m2-define-palette(mat.$m2-blue-gray-palette, 50))};
+ --footer-bg: #{mat.m2-get-color-from-palette(mat.m2-define-palette(mat.$m2-blue-gray-palette, 300))};
+ --dialog-bg: #{mat.m2-get-color-from-palette(mat.m2-define-palette(mat.$m2-purple-palette))};
--border: 1px solid lightgray;
--box-shadow: #{0 3px 10px rgba(black, 0.1)};
@@ -45,8 +45,8 @@ $my-theme: mat.define-light-theme((
--code-bg: #fff;
--menu-box-shadow: #{0 0 6px rgba(0, 0, 0, 0.23)};
- --api_input: #{mat.get-color-from-palette(mat.define-palette(mat.$light-blue-palette), 50)};
- --api_output: #{mat.get-color-from-palette(mat.define-palette(mat.$cyan-palette), 50)};
+ --api_input: #{mat.m2-get-color-from-palette(mat.m2-define-palette(mat.$m2-light-blue-palette), 50)};
+ --api_output: #{mat.m2-get-color-from-palette(mat.m2-define-palette(mat.$m2-cyan-palette), 50)};
--play-font-family: 'Play', sans-serif;
}
@@ -349,7 +349,7 @@ section {
}
.copy-tooltip {
- color: mat.get-color-from-palette(mat.define-palette(mat.$red-palette));
+ color: mat.m2-get-color-from-palette(mat.m2-define-palette(mat.$m2-red-palette));
background-color: rgba(0, 0, 0, 0.5);
}
diff --git a/projects/ngx-sharebuttons/icons/src/share-icons.ts b/projects/ngx-sharebuttons/icons/src/share-icons.ts
index 03971f61..c7cc73ef 100644
--- a/projects/ngx-sharebuttons/icons/src/share-icons.ts
+++ b/projects/ngx-sharebuttons/icons/src/share-icons.ts
@@ -10,7 +10,7 @@ import {
faExclamation, faLink, faMinus, faPrint, faSms
} from '@fortawesome/free-solid-svg-icons';
-const shareIcons: IconDefinition[] = [
+const icons: IconDefinition[] = [
faFacebookF, faXTwitter, faLinkedinIn, faPinterestP, faRedditAlien, faTumblr,
faWhatsapp, faViber, faVk, faFacebookMessenger, faTelegramPlane, faMix, faXing, faSms,
faEnvelope, faCheck, faPrint, faExclamation, faLink, faEllipsisH, faMinus, faLine
@@ -19,14 +19,20 @@ const shareIcons: IconDefinition[] = [
export const SHARE_ICONS: InjectionToken = new InjectionToken('SHARE_ICONS');
export function iconsLoaderFactory(iconLibrary: FaIconLibrary) {
- iconLibrary.addIcons(...shareIcons);
+ iconLibrary.addIcons(...icons);
return null;
}
-export function withIcons(): Provider {
+export function shareIcons(): Provider {
return {
provide: SHARE_ICONS,
useFactory: iconsLoaderFactory,
deps: [FaIconLibrary]
};
}
+
+/**
+ * @deprecated
+ * Function was renamed, use 'shareIcons' function instead
+ */
+export const withIcons: () => Provider = shareIcons;
diff --git a/projects/ngx-sharebuttons/package.json b/projects/ngx-sharebuttons/package.json
index b391d930..f57c6a5e 100644
--- a/projects/ngx-sharebuttons/package.json
+++ b/projects/ngx-sharebuttons/package.json
@@ -1,6 +1,6 @@
{
"name": "ngx-sharebuttons",
- "version": "14.0.0",
+ "version": "15.0.0",
"peerDependencies": {
"@angular/common": ">=17.0.0",
"@angular/core": ">=17.0.0",