@veracity/vui 5.0.0-alpha.0 → 5.0.0-alpha.1

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 (8) hide show
  1. package/dist/core/vuiProvider/globalStyle.js +1 -1
  2. package/dist/core/vuiProvider/globalStyle.js.map +1 -1
  3. package/dist/theme/defaultTheme.d.ts +1 -1
  4. package/dist/theme/foundations/fonts.d.ts +1 -1
  5. package/dist/theme/foundations/fonts.js +1 -1
  6. package/dist/theme/foundations/fonts.js.map +1 -1
  7. package/dist/theme/foundations/index.d.ts +1 -1
  8. package/package.json +1 -1
package/dist/core/vuiProvider/globalStyle.js CHANGED
@@ -59,7 +59,7 @@ body.${noScrollClass} {
59
59
  ${(p) => p.globalStyle && css`
60
60
  body {
61
61
  color: sandstone.10;
62
- font-family: Gantari, ui-sans-serif, system-ui, sans-serif;
62
+ font-family: Gantari, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;
63
63
  font-size: md;
64
64
  }
65
65
 
package/dist/core/vuiProvider/globalStyle.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"globalStyle.js","names":["fontFaces","foundations"],"sources":["../../../src/core/vuiProvider/globalStyle.tsx"],"sourcesContent":["import foundations from '../../theme/foundations'\nimport { isObject } from '../../utils'\nimport { createGlobalStyle, css } from '../styled'\nimport { bounce, fadeDown, fadeIn, fadeLeft, fadeOut, fadeRight, fadeUp, pulse, spin } from './animations'\nimport { noScrollClass, vuiNextAllTokens } from './consts'\nimport fontFaces from './fontFaces'\n\ntype GlobalStyleProps = {\n globalStyle?: boolean\n}\n\n/**\n * Provides global styles, such as:\n * - font face definitions\n * - font base styles (color, size, family)\n * - animation keyframes\n * - CSS variables for each theme value\n */\nexport default createGlobalStyle<GlobalStyleProps>`\n${fontFaces}\n:root {\n font-synthesis: none;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n ${generateCSSVariables}\n --vui-colors-focusColor: #00a1db;\n ${vuiNextAllTokens}\n}\n\n* {\n --x-ring-color: var(--vui-colors-focusColor);\n // Fixes a box-shadow issue between some parent and child components\n --x-shadow: 0 0 0 0 transparent;\n}\n\nbutton,\n.vui-avatar,\n.vui-tag,\n.vui-sidemenu-item,\n.vui-switchTrack {\n --x-ring-color: transparent;\n}\n\nbutton:focus-visible,\nli:focus-visible,\n.vui-avatar:focus-visible,\n.vui-tag:focus-visible,\n.vui-sidemenu-item:focus-visible,\n.vui-switchTrack:focus-visible,\n.vui-force-focus {\n --x-ring-color: var(--vui-colors-focusColor);\n outline: var(--vui-colors-focusColor) solid 3px;\n z-index: 1;\n}\n\nbody.${noScrollClass} {\n overflow: hidden !important;\n overscroll-behavior: contain;\n}\n\n${p =>\n p.globalStyle &&\n css`\n body {\n color: sandstone.10;\n font-family: Gantari, ui-sans-serif, system-ui, sans-serif;\n font-size: md;\n }\n\n h1,\n h2,\n h3,\n h4,\n h5 {\n color: darkBlue.18;\n }\n `}\n\n@keyframes vui-bounce {\n${bounce}\n}\n\n@keyframes vui-fadeDown {\n${fadeDown(20)}\n}\n\n@keyframes vui-fadeIn {\n${fadeIn}\n}\n\n@keyframes vui-fadeLeft {\n${fadeLeft(20)}\n}\n\n@keyframes vui-fadeLeftLong {\n${fadeLeft(600)}\n}\n\n@keyframes vui-fadeOut {\n${fadeOut}\n}\n\n\n@keyframes vui-fadeRight {\n${fadeRight(20)}\n}\n\n@keyframes vui-fadeRightLong {\n${fadeRight(600)}\n}\n\n@keyframes vui-fadeUp {\n${fadeUp(20)}\n}\n\n@keyframes vui-pulse {\n${pulse}\n}\n\n@keyframes vui-spin {\n${spin}\n}\n`\n\n/** Recursively maps through all theme styles and generates a set of CSS properties. */\nfunction generateCSSVariables() {\n function computeStyle(name: string, value: any): string {\n if (!isObject(value)) return `${name}: ${typeof value === 'string' ? value : `${value}px`};\\n`\n\n return Object.entries(value).reduce((str, [key, value]) => {\n return (str += computeStyle(`${name}-${key}`, value))\n }, '')\n }\n\n const { animations, transformers, ...styles } = foundations\n\n return computeStyle('--vui', styles)\n}\n"],"mappings":";;;;;;;;;;;;;;;AAkBA,0BAAe,iBAAmC;EAChDA,kBAAU;;;;;;IAMR,qBAAqB;;IAErB,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA6Bd,cAAc;;;;;GAKnB,MACA,EAAE,eACF,GAAG;;;;;;;;;;;;;;IAcD;;;EAGF,OAAO;;;;EAIP,SAAS,GAAG,CAAC;;;;EAIb,OAAO;;;;EAIP,SAAS,GAAG,CAAC;;;;EAIb,SAAS,IAAI,CAAC;;;;EAId,QAAQ;;;;;EAKR,UAAU,GAAG,CAAC;;;;EAId,UAAU,IAAI,CAAC;;;;EAIf,OAAO,GAAG,CAAC;;;;EAIX,MAAM;;;;EAIN,KAAK;;;;AAKP,SAAS,uBAAuB;CAC9B,SAAS,aAAa,MAAc,OAAoB;AACtD,MAAI,CAAC,SAAS,MAAM,CAAE,QAAO,GAAG,KAAK,IAAI,OAAO,UAAU,WAAW,QAAQ,GAAG,MAAM,IAAI;AAE1F,SAAO,OAAO,QAAQ,MAAM,CAAC,QAAQ,KAAK,CAAC,KAAK,WAAW;AACzD,UAAQ,OAAO,aAAa,GAAG,KAAK,GAAG,OAAO,MAAM;KACnD,GAAG;;CAGR,MAAM,EAAE,YAAY,cAAc,GAAG,WAAWC;AAEhD,QAAO,aAAa,SAAS,OAAO"}
1
+ {"version":3,"file":"globalStyle.js","names":["fontFaces","foundations"],"sources":["../../../src/core/vuiProvider/globalStyle.tsx"],"sourcesContent":["import foundations from '../../theme/foundations'\nimport { isObject } from '../../utils'\nimport { createGlobalStyle, css } from '../styled'\nimport { bounce, fadeDown, fadeIn, fadeLeft, fadeOut, fadeRight, fadeUp, pulse, spin } from './animations'\nimport { noScrollClass, vuiNextAllTokens } from './consts'\nimport fontFaces from './fontFaces'\n\ntype GlobalStyleProps = {\n globalStyle?: boolean\n}\n\n/**\n * Provides global styles, such as:\n * - font face definitions\n * - font base styles (color, size, family)\n * - animation keyframes\n * - CSS variables for each theme value\n */\nexport default createGlobalStyle<GlobalStyleProps>`\n${fontFaces}\n:root {\n font-synthesis: none;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n ${generateCSSVariables}\n --vui-colors-focusColor: #00a1db;\n ${vuiNextAllTokens}\n}\n\n* {\n --x-ring-color: var(--vui-colors-focusColor);\n // Fixes a box-shadow issue between some parent and child components\n --x-shadow: 0 0 0 0 transparent;\n}\n\nbutton,\n.vui-avatar,\n.vui-tag,\n.vui-sidemenu-item,\n.vui-switchTrack {\n --x-ring-color: transparent;\n}\n\nbutton:focus-visible,\nli:focus-visible,\n.vui-avatar:focus-visible,\n.vui-tag:focus-visible,\n.vui-sidemenu-item:focus-visible,\n.vui-switchTrack:focus-visible,\n.vui-force-focus {\n --x-ring-color: var(--vui-colors-focusColor);\n outline: var(--vui-colors-focusColor) solid 3px;\n z-index: 1;\n}\n\nbody.${noScrollClass} {\n overflow: hidden !important;\n overscroll-behavior: contain;\n}\n\n${p =>\n p.globalStyle &&\n css`\n body {\n color: sandstone.10;\n font-family: Gantari, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;\n font-size: md;\n }\n\n h1,\n h2,\n h3,\n h4,\n h5 {\n color: darkBlue.18;\n }\n `}\n\n@keyframes vui-bounce {\n${bounce}\n}\n\n@keyframes vui-fadeDown {\n${fadeDown(20)}\n}\n\n@keyframes vui-fadeIn {\n${fadeIn}\n}\n\n@keyframes vui-fadeLeft {\n${fadeLeft(20)}\n}\n\n@keyframes vui-fadeLeftLong {\n${fadeLeft(600)}\n}\n\n@keyframes vui-fadeOut {\n${fadeOut}\n}\n\n\n@keyframes vui-fadeRight {\n${fadeRight(20)}\n}\n\n@keyframes vui-fadeRightLong {\n${fadeRight(600)}\n}\n\n@keyframes vui-fadeUp {\n${fadeUp(20)}\n}\n\n@keyframes vui-pulse {\n${pulse}\n}\n\n@keyframes vui-spin {\n${spin}\n}\n`\n\n/** Recursively maps through all theme styles and generates a set of CSS properties. */\nfunction generateCSSVariables() {\n function computeStyle(name: string, value: any): string {\n if (!isObject(value)) return `${name}: ${typeof value === 'string' ? value : `${value}px`};\\n`\n\n return Object.entries(value).reduce((str, [key, value]) => {\n return (str += computeStyle(`${name}-${key}`, value))\n }, '')\n }\n\n const { animations, transformers, ...styles } = foundations\n\n return computeStyle('--vui', styles)\n}\n"],"mappings":";;;;;;;;;;;;;;;AAkBA,0BAAe,iBAAmC;EAChDA,kBAAU;;;;;;IAMR,qBAAqB;;IAErB,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA6Bd,cAAc;;;;;GAKnB,MACA,EAAE,eACF,GAAG;;;;;;;;;;;;;;IAcD;;;EAGF,OAAO;;;;EAIP,SAAS,GAAG,CAAC;;;;EAIb,OAAO;;;;EAIP,SAAS,GAAG,CAAC;;;;EAIb,SAAS,IAAI,CAAC;;;;EAId,QAAQ;;;;;EAKR,UAAU,GAAG,CAAC;;;;EAId,UAAU,IAAI,CAAC;;;;EAIf,OAAO,GAAG,CAAC;;;;EAIX,MAAM;;;;EAIN,KAAK;;;;AAKP,SAAS,uBAAuB;CAC9B,SAAS,aAAa,MAAc,OAAoB;AACtD,MAAI,CAAC,SAAS,MAAM,CAAE,QAAO,GAAG,KAAK,IAAI,OAAO,UAAU,WAAW,QAAQ,GAAG,MAAM,IAAI;AAE1F,SAAO,OAAO,QAAQ,MAAM,CAAC,QAAQ,KAAK,CAAC,KAAK,WAAW;AACzD,UAAQ,OAAO,aAAa,GAAG,KAAK,GAAG,OAAO,MAAM;KACnD,GAAG;;CAGR,MAAM,EAAE,YAAY,cAAc,GAAG,WAAWC;AAEhD,QAAO,aAAa,SAAS,OAAO"}
package/dist/theme/defaultTheme.d.ts CHANGED
@@ -423,7 +423,7 @@ declare const defaultTheme: {
423
423
  };
424
424
  fonts: {
425
425
  readonly dnvDisplay: "'DNV Display'";
426
- readonly gantari: "Gantari, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', Arial, Helvetica, sans-serif;";
426
+ readonly gantari: "Gantari, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'";
427
427
  readonly mono: "ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;";
428
428
  };
429
429
  fontSizes: {
package/dist/theme/foundations/fonts.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  //#region src/theme/foundations/fonts.d.ts
2
2
  declare const _default: {
3
3
  readonly dnvDisplay: "'DNV Display'";
4
- readonly gantari: "Gantari, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', Arial, Helvetica, sans-serif;";
4
+ readonly gantari: "Gantari, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'";
5
5
  readonly mono: "ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;";
6
6
  };
7
7
  //#endregion
package/dist/theme/foundations/fonts.js CHANGED
@@ -1,7 +1,7 @@
1
1
  //#region src/theme/foundations/fonts.ts
2
2
  var fonts_default = {
3
3
  dnvDisplay: `'DNV Display'`,
4
- gantari: `Gantari, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', Arial, Helvetica, sans-serif;`,
4
+ gantari: `Gantari, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`,
5
5
  mono: `ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;`
6
6
  };
7
7
 
package/dist/theme/foundations/fonts.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"fonts.js","names":[],"sources":["../../../src/theme/foundations/fonts.ts"],"sourcesContent":["export default {\n dnvDisplay: `'DNV Display'`,\n gantari: `Gantari, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', Arial, Helvetica, sans-serif;`,\n mono: `ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;`,\n} as const\n"],"mappings":";AAAA,oBAAe;CACb,YAAY;CACZ,SAAS;CACT,MAAM;CACP"}
1
+ {"version":3,"file":"fonts.js","names":[],"sources":["../../../src/theme/foundations/fonts.ts"],"sourcesContent":["export default {\n dnvDisplay: `'DNV Display'`,\n gantari: `Gantari, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`,\n mono: `ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;`,\n} as const\n"],"mappings":";AAAA,oBAAe;CACb,YAAY;CACZ,SAAS;CACT,MAAM;CACP"}
package/dist/theme/foundations/index.d.ts CHANGED
@@ -420,7 +420,7 @@ declare const _default: {
420
420
  };
421
421
  fonts: {
422
422
  readonly dnvDisplay: "'DNV Display'";
423
- readonly gantari: "Gantari, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', Arial, Helvetica, sans-serif;";
423
+ readonly gantari: "Gantari, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'";
424
424
  readonly mono: "ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;";
425
425
  };
426
426
  fontSizes: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@veracity/vui",
3
- "version": "5.0.0-alpha.0",
3
+ "version": "5.0.0-alpha.1",
4
4
  "description": "Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Veracity",