genesys-spark 4.87.0 → 4.88.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 (19) hide show
  1. package/dist/css/global-focusable.css +16 -16
  2. package/dist/css/global-focusable.css.map +1 -1
  3. package/dist/css/global-typography.css +150 -150
  4. package/dist/css/global-typography.css.map +1 -1
  5. package/dist/css/global.css +166 -166
  6. package/dist/css/global.css.map +1 -1
  7. package/dist/css/ui.css +2 -2
  8. package/dist/global.css +166 -166
  9. package/dist/global.css.map +1 -1
  10. package/dist/index.d.ts +2 -2
  11. package/dist/index.js +11 -13
  12. package/dist/scss/_focus.scss +22 -7
  13. package/dist/scss/_mixins.scss +5 -2
  14. package/dist/scss/_typography.scss +319 -85
  15. package/dist/ui.css +2 -2
  16. package/package.json +1 -1
  17. package/dist/css/temp.css +0 -43
  18. package/dist/css/temp.css.map +0 -1
  19. package/dist/scss/temp.scss +0 -41
package/dist/index.js CHANGED
@@ -207,14 +207,18 @@ var intl = /*#__PURE__*/Object.freeze({
207
207
  relativeTimeFormat: relativeTimeFormat
208
208
  });
209
209
 
210
- const COMPONENT_ASSET_PREFIX = "/spark-components/build-assets/4.87.0-370/genesys-webcomponents/";
211
- const CHART_COMPONENT_ASSET_PREFIX = "/spark-components/build-assets/4.87.0-370/chart/genesys-chart-webcomponents/";
212
- function loadSparkFonts() {
210
+ const COMPONENT_ASSET_PREFIX = "/spark-components/build-assets/4.88.0-373/genesys-webcomponents/";
211
+ const CHART_COMPONENT_ASSET_PREFIX = "/spark-components/build-assets/4.88.0-373/chart/genesys-chart-webcomponents/";
212
+ function loadSparkFonts(opts) {
213
213
  const fontOrigin = getFontOrigin();
214
- const FONTS = {
214
+ const flareFonts = {
215
215
  Urbanist: `${fontOrigin}/webfonts/urbanist.css`,
216
216
  "Noto Sans": `${fontOrigin}/webfonts/noto-sans.css`
217
217
  };
218
+ const legacyFonts = {
219
+ Roboto: `${fontOrigin}/webfonts/roboto.css`
220
+ };
221
+ const FONTS = (opts == null ? void 0 : opts.theme) === "legacy" ? legacyFonts : flareFonts;
218
222
  return checkAndLoadFonts(FONTS);
219
223
  }
220
224
  function registerSparkComponents(opts) {
@@ -226,20 +230,14 @@ function registerSparkComponents(opts) {
226
230
  return Promise.all([
227
231
  checkAndLoadScript(SCRIPT_SRC),
228
232
  checkAndLoadStyle(STYLE_HREF),
229
- loadSparkFonts()
233
+ loadSparkFonts(opts)
230
234
  ]).then();
231
235
  }
232
- function registerSparkChartComponents(opts) {
236
+ function registerSparkChartComponents() {
233
237
  const SCRIPT_PATH = "genesys-chart-webcomponents.esm.js";
234
- const STYLE_PATH = (opts == null ? void 0 : opts.theme) ? `genesys-webcomponents-${opts.theme}.css` : "genesys-chart-webcomponents.css";
235
238
  const assetsOrigin = getChartComponentAssetsOrigin();
236
239
  const SCRIPT_SRC = `${assetsOrigin}${CHART_COMPONENT_ASSET_PREFIX}${SCRIPT_PATH}`;
237
- const STYLE_HREF = `${assetsOrigin}${CHART_COMPONENT_ASSET_PREFIX}${STYLE_PATH}`;
238
- return Promise.all([
239
- checkAndLoadScript(SCRIPT_SRC),
240
- checkAndLoadStyle(STYLE_HREF),
241
- loadSparkFonts()
242
- ]).then();
240
+ return Promise.all([checkAndLoadScript(SCRIPT_SRC)]).then();
243
241
  }
244
242
 
245
243
  export { intl as Intl, loadSparkFonts, registerSparkChartComponents, registerSparkComponents };
package/dist/scss/_focus.scss CHANGED
@@ -1,12 +1,27 @@
1
1
  @mixin gux-focus-ring {
2
- outline: var(--gse-semantic-focusRing-default-border-color)
3
- var(--gse-semantic-focusRing-default-border-style)
4
- var(--gse-semantic-focusRing-default-border-width);
5
- outline-offset: var(--gse-semantic-focusRing-offset);
2
+ outline: var(
3
+ --gse-semantic-focusRing-default-border-color,
4
+ var(--gse-semantic-border-focus)
5
+ )
6
+ solid
7
+ var(
8
+ --gse-semantic-focusRing-default-border-width,
9
+ var(--gse-semantic-focusOutline-md-borderWidth)
10
+ );
11
+ outline-offset: var(
12
+ --gse-semantic-focusRing-offset,
13
+ var(--gse-semantic-focusOutline-offset)
14
+ );
6
15
  }
7
16
 
8
17
  @mixin gux-focus-ring-small {
9
- outline: var(--gse-semantic-focusRing-small-border-color)
10
- var(--gse-semantic-focusRing-small-border-style)
11
- var(--gse-semantic-focusRing-small-border-width);
18
+ outline: var(
19
+ --gse-semantic-focusRing-small-border-color,
20
+ var(--gse-semantic-border-focus)
21
+ )
22
+ var(--gse-semantic-focusRing-small-border-style, solid)
23
+ var(
24
+ --gse-semantic-focusRing-small-border-width,
25
+ var(--gse-semantic-focusOutline-sm-borderWidth)
26
+ );
12
27
  }
package/dist/scss/_mixins.scss CHANGED
@@ -45,8 +45,11 @@
45
45
  border-style: var(--gse-ui-menu-border-style);
46
46
  border-width: var(--gse-ui-menu-border-width);
47
47
  border-radius: var(--gse-ui-menu-borderRadius);
48
- box-shadow: var(--gse-ui-menu-boxShadow-x, --gse-ui-menu-boxShadow-offsetX)
49
- var(--gse-ui-menu-boxShadow-y, --gse-ui-menu-boxShadow-offsetY)
48
+ box-shadow: var(
49
+ --gse-ui-menu-boxShadow-x,
50
+ var(--gse-ui-menu-boxShadow-offsetX)
51
+ )
52
+ var(--gse-ui-menu-boxShadow-y, var(--gse-ui-menu-boxShadow-offsetY))
50
53
  var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread)
51
54
  var(--gse-ui-menu-boxShadow-color);
52
55
  }