@nectary/assets 1.0.0 → 2.0.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.
Files changed (7) hide show
  1. package/lib/cjs/icons-branded/create-icon-class.js +1 -1
  2. package/lib/cjs/illustrations/create-illustration-class.js +1 -1
  3. package/lib/cjs/logo/create-logo-class.js +1 -1
  4. package/lib/esm/icons-branded/create-icon-class.js +1 -1
  5. package/lib/esm/illustrations/create-illustration-class.js +1 -1
  6. package/lib/esm/logo/create-logo-class.js +1 -1
  7. package/package.json +31 -1
package/lib/cjs/icons-branded/create-icon-class.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.createIconClass = void 0;
7
7
  var _utils = require('../utils');
8
- const iconStylesHtml = '<style>:host{display:inline-block;vertical-align:middle}svg{display:block;pointer-events:none;fill:var(--sinch-sys-color-text-default);height:var(--sinch-global-size-icon,48px)}.accent{fill:var(--sinch-sys-color-primary-default)}:host([inverted]:not([inverted=false])) svg{fill:var(--sinch-sys-color-text-inverted)}:host([inverted]:not([inverted=false])) .accent{fill:var(--sinch-sys-color-cta-default)}</style>';
8
+ const iconStylesHtml = '<style>:host{display:inline-block;vertical-align:middle}svg{display:block;pointer-events:none;fill:var(--sinch-sys-color-text-default);height:var(--sinch-global-size-icon,48px)}.accent{fill:var(--sinch-sys-color-primary-default)}:host([inverted]:not([inverted=false])) svg{fill:var(--sinch-sys-color-basic-pure)}:host([inverted]:not([inverted=false])) .accent{fill:var(--sinch-ref-color-honey-500)}</style>';
9
9
  const DEFAULT_SIZE = 48;
10
10
  const MIN_SIZE = 4;
11
11
  const MAX_SIZE = 256;
package/lib/cjs/illustrations/create-illustration-class.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.createIllustrationClass = void 0;
7
7
  var _utils = require('../utils');
8
8
  var _utils2 = require('./utils');
9
- const illustrationStylesHtml = '<style>:host{display:block}svg{display:block;pointer-events:none}#wrapper{display:flex;width:100%;height:100%;align-items:center;justify-content:center;overflow:hidden}#wrapper>*{flex-shrink:0}:host([valign=top]) #wrapper{align-items:flex-start}:host([valign=bottom]) #wrapper{align-items:flex-end}:host([halign=left]) #wrapper{justify-content:left}:host([halign=right]) #wrapper{justify-content:right}:host([background=yellow]) #wrapper{background-color:var(--sinch-comp-card-color-yellow-default-background-initial)}:host([background=green]) #wrapper{background-color:var(--sinch-comp-card-color-green-default-background-initial)}:host([background=blue]) #wrapper{background-color:var(--sinch-comp-card-color-blue-default-background-initial)}:host([background=white]) #wrapper{background-color:var(--sinch-comp-card-color-white-default-background-initial)}:host([background=gray]) #wrapper,:host([background=grey]) #wrapper{background-color:var(--sinch-comp-card-color-gray-default-background-initial)}</style>';
9
+ const illustrationStylesHtml = '<style>:host{display:block}svg{display:block;pointer-events:none}#wrapper{display:flex;width:100%;height:100%;align-items:center;justify-content:center;overflow:hidden}#wrapper>*{flex-shrink:0}:host([valign=top]) #wrapper{align-items:flex-start}:host([valign=bottom]) #wrapper{align-items:flex-end}:host([halign=left]) #wrapper{justify-content:left}:host([halign=right]) #wrapper{justify-content:right}:host([background=yellow]) #wrapper{background-color:var(--sinch-sys-color-surface-primary-default)}:host([background=green]) #wrapper{background-color:var(--sinch-ref-color-tropical-50)}:host([background=blue]) #wrapper{background-color:var(--sinch-ref-color-ocean-100)}:host([background=white]) #wrapper{background-color:var(--sinch-sys-color-basic-pure)}:host([background=gray]) #wrapper,:host([background=grey]) #wrapper{background-color:var(--sinch-sys-color-surface-tertiary-default)}</style>';
10
10
  const DEFAULT_SIZE = 256;
11
11
  const MIN_SIZE = 16;
12
12
  const MAX_SIZE = 2048;
package/lib/cjs/logo/create-logo-class.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.createLogoClass = void 0;
7
7
  var _utils = require('../utils');
8
- const logoStylesHtml = '<style>:host{display:inline-block;vertical-align:middle}svg{display:block;fill:var(--sinch-sys-color-text-default)}:host([inverted]:not([inverted=false])) svg{fill:var(--sinch-sys-color-text-inverted)}</style>';
8
+ const logoStylesHtml = '<style>:host{display:inline-block;vertical-align:middle}svg{display:block;fill:var(--sinch-sys-color-text-default)}:host([inverted]:not([inverted=false])) svg{fill:var(--sinch-sys-color-basic-pure)}</style>';
9
9
  const DEFAULT_SIZE = 16;
10
10
  const MIN_SIZE = 4;
11
11
  const MAX_SIZE = 256;
package/lib/esm/icons-branded/create-icon-class.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { attrValueToPixels, getBooleanAttribute, getIntegerAttribute, NectaryElement, updateAttribute, updateBooleanAttribute } from '../utils';
2
- const iconStylesHtml = '<style>:host{display:inline-block;vertical-align:middle}svg{display:block;pointer-events:none;fill:var(--sinch-sys-color-text-default);height:var(--sinch-global-size-icon,48px)}.accent{fill:var(--sinch-sys-color-primary-default)}:host([inverted]:not([inverted=false])) svg{fill:var(--sinch-sys-color-text-inverted)}:host([inverted]:not([inverted=false])) .accent{fill:var(--sinch-sys-color-cta-default)}</style>';
2
+ const iconStylesHtml = '<style>:host{display:inline-block;vertical-align:middle}svg{display:block;pointer-events:none;fill:var(--sinch-sys-color-text-default);height:var(--sinch-global-size-icon,48px)}.accent{fill:var(--sinch-sys-color-primary-default)}:host([inverted]:not([inverted=false])) svg{fill:var(--sinch-sys-color-basic-pure)}:host([inverted]:not([inverted=false])) .accent{fill:var(--sinch-ref-color-honey-500)}</style>';
3
3
  const DEFAULT_SIZE = 48;
4
4
  const MIN_SIZE = 4;
5
5
  const MAX_SIZE = 256;
package/lib/esm/illustrations/create-illustration-class.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { getIntegerAttribute, getLiteralAttribute, NectaryElement, updateAttribute, updateIntegerAttribute, updateLiteralAttribute } from '../utils';
2
- const illustrationStylesHtml = '<style>:host{display:block}svg{display:block;pointer-events:none}#wrapper{display:flex;width:100%;height:100%;align-items:center;justify-content:center;overflow:hidden}#wrapper>*{flex-shrink:0}:host([valign=top]) #wrapper{align-items:flex-start}:host([valign=bottom]) #wrapper{align-items:flex-end}:host([halign=left]) #wrapper{justify-content:left}:host([halign=right]) #wrapper{justify-content:right}:host([background=yellow]) #wrapper{background-color:var(--sinch-comp-card-color-yellow-default-background-initial)}:host([background=green]) #wrapper{background-color:var(--sinch-comp-card-color-green-default-background-initial)}:host([background=blue]) #wrapper{background-color:var(--sinch-comp-card-color-blue-default-background-initial)}:host([background=white]) #wrapper{background-color:var(--sinch-comp-card-color-white-default-background-initial)}:host([background=gray]) #wrapper,:host([background=grey]) #wrapper{background-color:var(--sinch-comp-card-color-gray-default-background-initial)}</style>';
2
+ const illustrationStylesHtml = '<style>:host{display:block}svg{display:block;pointer-events:none}#wrapper{display:flex;width:100%;height:100%;align-items:center;justify-content:center;overflow:hidden}#wrapper>*{flex-shrink:0}:host([valign=top]) #wrapper{align-items:flex-start}:host([valign=bottom]) #wrapper{align-items:flex-end}:host([halign=left]) #wrapper{justify-content:left}:host([halign=right]) #wrapper{justify-content:right}:host([background=yellow]) #wrapper{background-color:var(--sinch-sys-color-surface-primary-default)}:host([background=green]) #wrapper{background-color:var(--sinch-ref-color-tropical-50)}:host([background=blue]) #wrapper{background-color:var(--sinch-ref-color-ocean-100)}:host([background=white]) #wrapper{background-color:var(--sinch-sys-color-basic-pure)}:host([background=gray]) #wrapper,:host([background=grey]) #wrapper{background-color:var(--sinch-sys-color-surface-tertiary-default)}</style>';
3
3
  import { backgroundValues, valignValues, halignValues } from './utils';
4
4
  const DEFAULT_SIZE = 256;
5
5
  const MIN_SIZE = 16;
package/lib/esm/logo/create-logo-class.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { getBooleanAttribute, getIntegerAttribute, NectaryElement, updateAttribute, updateBooleanAttribute, updateIntegerAttribute } from '../utils';
2
- const logoStylesHtml = '<style>:host{display:inline-block;vertical-align:middle}svg{display:block;fill:var(--sinch-sys-color-text-default)}:host([inverted]:not([inverted=false])) svg{fill:var(--sinch-sys-color-text-inverted)}</style>';
2
+ const logoStylesHtml = '<style>:host{display:inline-block;vertical-align:middle}svg{display:block;fill:var(--sinch-sys-color-text-default)}:host([inverted]:not([inverted=false])) svg{fill:var(--sinch-sys-color-basic-pure)}</style>';
3
3
  const DEFAULT_SIZE = 16;
4
4
  const MIN_SIZE = 4;
5
5
  const MAX_SIZE = 256;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nectary/assets",
3
- "version": "1.0.0",
3
+ "version": "2.0.0",
4
4
  "files": [
5
5
  "lib"
6
6
  ],
@@ -9,21 +9,51 @@
9
9
  "./changelog.md": "./changelog.md",
10
10
  "./*/types": "./lib/esm/*/types.d.ts",
11
11
  "./*.json": "./lib/esm/*.json",
12
+ "./icons": {
13
+ "types": "./lib/esm/icons",
14
+ "require": "./lib/cjs/icons",
15
+ "default": "./lib/esm/icons"
16
+ },
17
+ "./icons-branded": {
18
+ "types": "./lib/esm/icons-branded",
19
+ "require": "./lib/cjs/icons-branded",
20
+ "default": "./lib/esm/icons-branded"
21
+ },
22
+ "./icons-channel": {
23
+ "types": "./lib/esm/icons-channel",
24
+ "require": "./lib/cjs/icons-channel",
25
+ "default": "./lib/esm/icons-channel"
26
+ },
12
27
  "./*/create-icon-class": {
13
28
  "types": "./lib/esm/*/create-icon-class.d.ts",
14
29
  "require": "./lib/cjs/*/create-icon-class.js",
15
30
  "default": "./lib/esm/*/create-icon-class.js"
16
31
  },
32
+ "./animations": {
33
+ "types": "./lib/esm/animations",
34
+ "require": "./lib/cjs/animations",
35
+ "default": "./lib/esm/animations"
36
+ },
17
37
  "./*/create-animation-class": {
18
38
  "types": "./lib/esm/*/create-animation-class.d.ts",
19
39
  "require": "./lib/cjs/*/create-animation-class.js",
20
40
  "default": "./lib/esm/*/create-animation-class.js"
21
41
  },
42
+ "./logo": {
43
+ "types": "./lib/esm/logo",
44
+ "require": "./lib/cjs/logo",
45
+ "default": "./lib/esm/logo"
46
+ },
22
47
  "./*/create-logo-class": {
23
48
  "types": "./lib/esm/*/create-logo-class.d.ts",
24
49
  "require": "./lib/cjs/*/create-logo-class.js",
25
50
  "default": "./lib/esm/*/create-logo-class.js"
26
51
  },
52
+ "./illustrations": {
53
+ "types": "./lib/esm/illustrations",
54
+ "require": "./lib/cjs/illustrations",
55
+ "default": "./lib/esm/illustrations"
56
+ },
27
57
  "./*/create-illustration-class": {
28
58
  "types": "./lib/esm/*/create-illustration-class.d.ts",
29
59
  "require": "./lib/cjs/*/create-illustration-class.js",