ricos-styles - npm Package Compare versions

Comparing version 10.21.6 to 10.21.7

dist/cjs/context/StylesContext.js

@@ -9,3 +9,3 @@ 'use strict';
 require('../text-style-transformer.js');
-require('../utils-a73f9fbd.js');
+require('../utils-7c5047ed.js');
 require('ricos-content/libs/utils');
@@ -16,3 +16,3 @@ require('../document-style/node-style.js');
 require('../themeStrategy/generators/palette.js');
-require('../themeUtils-c935762f.js');
+require('../themeUtils-d4147497.js');
 require('../themeStrategy/generators/identifiers.js');
@@ -19,0 +19,0 @@ require('../themeStrategy/palettes/presets.js');

dist/cjs/decorations/decorations.js

@@ -9,3 +9,3 @@ 'use strict';
 var decorations_italicDecoration = require('./italic-decoration.js');
-var decorations_utils = require('../utils-a73f9fbd.js');
+var decorations_utils = require('../utils-7c5047ed.js');
 require('lodash');
@@ -12,0 +12,0 @@

dist/cjs/decorations/index.js

@@ -11,3 +11,3 @@ 'use strict';
 require('./italic-decoration.js');
-require('../utils-a73f9fbd.js');
+require('../utils-7c5047ed.js');
 
@@ -14,0 +14,0 @@

dist/cjs/decorations/utils.js

 'use strict';
 
-var decorations_utils = require('../utils-a73f9fbd.js');
+var decorations_utils = require('../utils-7c5047ed.js');
 
@@ -5,0 +5,0 @@

dist/cjs/document-style/document-style.js

@@ -11,3 +11,3 @@ 'use strict';
 require('ricos-schema');
-require('../utils-a73f9fbd.js');
+require('../utils-7c5047ed.js');
 require('ricos-content/libs/utils');
@@ -17,3 +17,3 @@ require('../textual-theme/custom-styles.js');
 require('../themeStrategy/generators/palette.js');
-require('../themeUtils-c935762f.js');
+require('../themeUtils-d4147497.js');
 require('../themeStrategy/generators/identifiers.js');
@@ -20,0 +20,0 @@ require('../themeStrategy/palettes/presets.js');

dist/cjs/document-style/text-node-style.js

@@ -13,3 +13,3 @@ 'use strict';
 require('../decorations/italic-decoration.js');
-require('../utils-a73f9fbd.js');
+require('../utils-7c5047ed.js');
 
@@ -16,0 +16,0 @@ class RicosTextNodeStyle {

dist/cjs/get-styles.js

@@ -9,3 +9,3 @@ 'use strict';
 
-var styles = {"liveSite":"o45gP","mobile":"pHU1B"};
+var styles = {"liveSite":"_6pixr","mobile":"H-PwU"};
 
@@ -12,0 +12,0 @@ const getStyles = (environment, isMobile) => classNames__default.default({

dist/cjs/index.js

@@ -9,3 +9,3 @@ 'use strict';
 var themeStrategy_buildThemeCssVars = require('./themeStrategy/build-theme-css-vars.js');
-var themeStrategy_themeUtils = require('./themeUtils-c935762f.js');
+var themeStrategy_themeUtils = require('./themeUtils-d4147497.js');
 var zIndexService = require('./z-index-service.js');
@@ -22,3 +22,3 @@ require('lodash');
 require('./decorations/italic-decoration.js');
-require('./utils-a73f9fbd.js');
+require('./utils-7c5047ed.js');
 require('./text-style-transformer.js');
@@ -57,2 +57,3 @@ require('ricos-content/libs/utils');
 exports.buildCssVarsObj = themeStrategy_themeUtils.buildCssVarsObj;
+exports.canTransformToHex = themeStrategy_themeUtils.canTransformToHex;
 exports.isBright = themeStrategy_themeUtils.isBright;
@@ -59,0 +60,0 @@ exports.toCssRgb = themeStrategy_themeUtils.toCssRgb;

dist/cjs/lib/themeStrategy.js

@@ -5,3 +5,3 @@ 'use strict';
 var themeStrategy_themeStrategy = require('../themeStrategy/themeStrategy.js');
-var themeStrategy_themeUtils = require('../themeUtils-c935762f.js');
+var themeStrategy_themeUtils = require('../themeUtils-d4147497.js');
 require('../themeStrategy/generators/identifiers.js');
@@ -8,0 +8,0 @@ require('../themeStrategy/palettes/presets.js');

dist/cjs/styles.js

@@ -9,3 +9,3 @@ 'use strict';
 require('./text-style-transformer.js');
-require('./utils-a73f9fbd.js');
+require('./utils-7c5047ed.js');
 require('ricos-content/libs/utils');
@@ -17,3 +17,3 @@ require('./document-style/node-style.js');
 require('./themeStrategy/generators/palette.js');
-require('./themeUtils-c935762f.js');
+require('./themeUtils-d4147497.js');
 require('./themeStrategy/generators/identifiers.js');
@@ -20,0 +20,0 @@ require('./themeStrategy/palettes/presets.js');

dist/cjs/text-node-transformer.js

@@ -11,3 +11,3 @@ 'use strict';
 require('./decorations/italic-decoration.js');
-require('./utils-a73f9fbd.js');
+require('./utils-7c5047ed.js');
 
@@ -14,0 +14,0 @@ const nodeTypeToDocumentKeyMap = {

dist/cjs/text-style-transformer.js

 'use strict';
 
-var decorations_utils = require('./utils-a73f9fbd.js');
+var decorations_utils = require('./utils-7c5047ed.js');
 var utils = require('ricos-content/libs/utils');
@@ -11,3 +11,3 @@ var documentStyle_nodeStyle = require('./document-style/node-style.js');
 require('./themeStrategy/generators/palette.js');
-require('./themeUtils-c935762f.js');
+require('./themeUtils-d4147497.js');
 require('./themeStrategy/generators/identifiers.js');
@@ -14,0 +14,0 @@ require('./themeStrategy/palettes/presets.js');

dist/cjs/textual-theme/custom-styles.js

@@ -7,3 +7,3 @@ 'use strict';
 var textualTheme_emptyCustomStyle = require('./empty-custom-style.js');
-require('../themeUtils-c935762f.js');
+require('../themeUtils-d4147497.js');
 require('../themeStrategy/generators/identifiers.js');
@@ -10,0 +10,0 @@ require('../themeStrategy/palettes/presets.js');

dist/cjs/textual-theme/textual-theme.js

@@ -9,7 +9,7 @@ 'use strict';
 require('lodash');
-require('../utils-a73f9fbd.js');
+require('../utils-7c5047ed.js');
 require('ricos-content/libs/utils');
 require('./custom-styles.js');
 require('../themeStrategy/generators/palette.js');
-require('../themeUtils-c935762f.js');
+require('../themeUtils-d4147497.js');
 require('../themeStrategy/generators/identifiers.js');
@@ -16,0 +16,0 @@ require('../themeStrategy/palettes/presets.js');

dist/cjs/themeStrategy/build-theme-css-vars.js

@@ -8,4 +8,4 @@ 'use strict';
 var themeStrategy_generators_typography = require('./generators/typography.js');
-var themeStrategy_themeUtils = require('../themeUtils-c935762f.js');
-require('../utils-a73f9fbd.js');
+var themeStrategy_themeUtils = require('../themeUtils-d4147497.js');
+require('../utils-7c5047ed.js');
 require('ricos-content/libs/utils');
@@ -12,0 +12,0 @@ require('../document-style/node-style.js');

dist/cjs/themeStrategy/generators/palette.js

 'use strict';
 
-var themeStrategy_themeUtils = require('../../themeUtils-c935762f.js');
+var themeStrategy_themeUtils = require('../../themeUtils-d4147497.js');
 var themeStrategy_generators_identifiers = require('./identifiers.js');
@@ -36,12 +36,12 @@ var themeStrategy_palettes_presets = require('../palettes/presets.js');
   } = colors;
-  const parseColors = (obj) => {
-    return Object.keys(obj).reduce((acc, key) => {
-      const value = obj[key];
-      if (value !== void 0) {
-        acc[key] = isPaletteRgb ? themeStrategy_themeUtils.toCssRgb(value) : value;
-        acc[`${key}Tuple`] = isPaletteRgb ? value : themeStrategy_themeUtils.toRgbTuple(value);
-      }
-      return acc;
-    }, {});
-  };
+  const parseColors = (obj) => Object.keys(obj).reduce((acc, key) => {
+    const value = obj[key];
+    if (value !== void 0) {
+      const transformedValue = themeStrategy_themeUtils.canTransformToHex(value) && isPaletteRgb ? themeStrategy_themeUtils.toRgbTuple(themeStrategy_themeUtils.toHexFormat(value)) : void 0;
+      const colorValue = transformedValue !== void 0 ? transformedValue : value;
+      acc[key] = isPaletteRgb ? themeStrategy_themeUtils.toCssRgb(colorValue) : colorValue;
+      acc[`${key}Tuple`] = isPaletteRgb ? colorValue : themeStrategy_themeUtils.toRgbTuple(colorValue);
+    }
+    return acc;
+  }, {});
   const parsedValues = parseColors({
@@ -48,0 +48,0 @@ textColor,

dist/cjs/themeStrategy/themeStrategy.js

@@ -7,3 +7,3 @@ 'use strict';
 var themeStrategy_generators_typography = require('./generators/typography.js');
-var themeStrategy_themeUtils = require('../themeUtils-c935762f.js');
+var themeStrategy_themeUtils = require('../themeUtils-d4147497.js');
 require('./generators/identifiers.js');
@@ -10,0 +10,0 @@ require('./palettes/presets.js');

dist/cjs/themeStrategy/themeUtils.js

 'use strict';
 
-var themeStrategy_themeUtils = require('../themeUtils-c935762f.js');
+var themeStrategy_themeUtils = require('../themeUtils-d4147497.js');
 
@@ -10,2 +10,3 @@
 exports.buildCssVarsObj = themeStrategy_themeUtils.buildCssVarsObj;
+exports.canTransformToHex = themeStrategy_themeUtils.canTransformToHex;
 exports.isBright = themeStrategy_themeUtils.isBright;
@@ -12,0 +13,0 @@ exports.toCssRgb = themeStrategy_themeUtils.toCssRgb;

dist/es/context/StylesContext.js

@@ -13,3 +13,3 @@ import { isEqual } from 'lodash';
 import '../themeStrategy/generators/palette.js';
-import '../themeUtils-15fd38f0.js';
+import '../themeUtils-3da3397c.js';
 import '../themeStrategy/generators/identifiers.js';
@@ -16,0 +16,0 @@ import '../themeStrategy/palettes/presets.js';

dist/es/document-style/document-style.js

@@ -14,3 +14,3 @@ import { TextNodeTransformer } from '../text-node-transformer.js';
 import '../themeStrategy/generators/palette.js';
-import '../themeUtils-15fd38f0.js';
+import '../themeUtils-3da3397c.js';
 import '../themeStrategy/generators/identifiers.js';
@@ -17,0 +17,0 @@ import '../themeStrategy/palettes/presets.js';

dist/es/get-styles.js

@@ -30,4 +30,4 @@ import classNames from 'classnames';
 
-var css_248z = ".o45gP{--rcp-border-radius:0px;--rcp-color-default:#000;--rcp-color-light:#fff;--rcp-color-hover:rgba(0,0,0,.5);--rcp-color-disabled:#969696;--rcp-color-placeholder:#646464;--rcp-font-family:HelveticaNeue,Helvetica,Arial;--wds-button-border-radius-small:var(--rcp-border-radius);--wds-button-border-radius-medium:var(--rcp-border-radius);--wds-color-border-standard-secondary:var(--rcp-color-default);--wds-color-border-standard-secondary-hover:var(--rcp-color-hover);--wds-color-fill-standard-primary:var(--rcp-color-default);--wds-color-fill-standard-primary-active:var(--rcp-color-default);--wds-color-fill-standard-primary-hover:var(--rcp-color-hover);--wds-color-fill-standard-tertiary-hover:transparent;--wds-color-fill-standard-light-primary-active:rgba(0,0,0,.1);--wds-color-fill-standard-light-primary-hover:rgba(0,0,0,.1);--wds-color-fill-surface-overlay-dark:var(--rcp-color-default);--wds-color-fill-dark-primary:var(--rcp-color-default);--wds-color-fill-dark-primary-hover:var(--rcp-color-hover);--wds-color-text-primary:var(--rcp-color-default);--wds-color-text-standard-primary-light:var(--rcp-color-light);--wds-color-text-standard-secondary:var(--rcp-color-default);--wds-color-text-placeholder:var(--rcp-color-placeholder);--wds-checkbox-border:var(--rcp-color-default);--wds-checkbox-fill-active:var(--rcp-color-default);--wds-font-family-default:var(--rcp-font-family);--wds-font-weight-medium:200;--wds-input-border-radius-default-medium:var(--rcp-border-radius);--wds-toggle-switch-fill-standard:var(--rcp-color-disabled);--wds-toggle-switch-fill-standard-hover:var(--rcp-color-hover);--wds-toggle-switch-fill-standard-active:var(--rcp-color-default);--wds-toggle-switch-fill-standard-active-hover:var(--rcp-color-hover);--wds-popover-border:0px;--wds-side-panel-floating-border-radius:0px;--wsr-color-B10:var(--rcp-color-default);--wds-color-blue-300:rgba(0,0,0,.5);--wds-color-blue-200:rgba(0,0,0,.5);--wds-color-blue-100:rgba(0,0,0,.5)}.pHU1B{--wds-font-size-body-medium:14px;--wds-input-value-font-size-medium:14px;--wds-font-size-heading-3:18px}";
-var styles = {"liveSite":"o45gP","mobile":"pHU1B"};
+var css_248z = "._6pixr{--rcp-border-radius:0px;--rcp-color-default:#000;--rcp-color-light:#fff;--rcp-color-hover:rgba(0,0,0,.5);--rcp-color-disabled:#969696;--rcp-color-placeholder:#646464;--rcp-font-family:HelveticaNeue,Helvetica,Arial;--wds-button-border-radius-small:var(--rcp-border-radius);--wds-button-border-radius-medium:var(--rcp-border-radius);--wds-color-border-standard-secondary:var(--rcp-color-default);--wds-color-border-standard-secondary-hover:var(--rcp-color-hover);--wds-color-fill-standard-primary:var(--rcp-color-default);--wds-color-fill-standard-primary-active:var(--rcp-color-default);--wds-color-fill-standard-primary-hover:var(--rcp-color-hover);--wds-color-fill-standard-tertiary-hover:transparent;--wds-color-fill-standard-light-primary-active:rgba(0,0,0,.1);--wds-color-fill-standard-light-primary-hover:rgba(0,0,0,.1);--wds-color-fill-surface-overlay-dark:var(--rcp-color-default);--wds-color-fill-dark-primary:var(--rcp-color-default);--wds-color-fill-dark-primary-hover:var(--rcp-color-hover);--wds-color-text-primary:var(--rcp-color-default);--wds-color-text-standard-primary-light:var(--rcp-color-light);--wds-color-text-standard-secondary:var(--rcp-color-default);--wds-color-text-placeholder:var(--rcp-color-placeholder);--wds-checkbox-border:var(--rcp-color-default);--wds-checkbox-fill-active:var(--rcp-color-default);--wds-font-family-default:var(--rcp-font-family);--wds-font-weight-medium:200;--wds-input-border-radius-default-medium:var(--rcp-border-radius);--wds-toggle-switch-fill-standard:var(--rcp-color-disabled);--wds-toggle-switch-fill-standard-hover:var(--rcp-color-hover);--wds-toggle-switch-fill-standard-active:var(--rcp-color-default);--wds-toggle-switch-fill-standard-active-hover:var(--rcp-color-hover);--wds-popover-border:0px;--wds-side-panel-floating-border-radius:0px;--wsr-color-B10:var(--rcp-color-default);--wds-color-blue-300:rgba(0,0,0,.5);--wds-color-blue-200:rgba(0,0,0,.5);--wds-color-blue-100:rgba(0,0,0,.5)}.H-PwU{--wds-font-size-body-medium:14px;--wds-input-value-font-size-medium:14px;--wds-font-size-heading-3:18px}";
+var styles = {"liveSite":"_6pixr","mobile":"H-PwU"};
 styleInject(css_248z);
@@ -34,0 +34,0 @@

dist/es/index.js

@@ -7,3 +7,3 @@ export { StylesContext, StylesContextConsumer, StylesContextProvider, withStylesContext } from './context/StylesContext.js';
 export { buildThemeCssVars } from './themeStrategy/build-theme-css-vars.js';
-export { a as adaptForeground, g as buildCssVars, h as buildCssVarsObj, i as isBright, d as toCssRgb, c as toCssRgbA, e as toDashedKey, t as toHexFormat, b as toRgbTuple, f as toVarStrings } from './themeUtils-15fd38f0.js';
+export { a as adaptForeground, h as buildCssVars, j as buildCssVarsObj, c as canTransformToHex, i as isBright, e as toCssRgb, d as toCssRgbA, f as toDashedKey, t as toHexFormat, b as toRgbTuple, g as toVarStrings } from './themeUtils-3da3397c.js';
 export { ZIndexService } from './z-index-service.js';
@@ -10,0 +10,0 @@ import 'lodash';

dist/es/lib/themeStrategy.js

 export { default as createPalette } from '../themeStrategy/generators/palette.js';
 export { default as themeStrategy } from '../themeStrategy/themeStrategy.js';
-export { u as themeUtils } from '../themeUtils-15fd38f0.js';
+export { u as themeUtils } from '../themeUtils-3da3397c.js';
 import '../themeStrategy/generators/identifiers.js';
@@ -5,0 +5,0 @@ import '../themeStrategy/palettes/presets.js';

dist/es/styles.js

@@ -14,3 +14,3 @@ import { parseDocStyle } from 'ricos-content/libs/convertDocStyleToDraft';
 import './themeStrategy/generators/palette.js';
-import './themeUtils-15fd38f0.js';
+import './themeUtils-3da3397c.js';
 import './themeStrategy/generators/identifiers.js';
@@ -17,0 +17,0 @@ import './themeStrategy/palettes/presets.js';

dist/es/text-style-transformer.js

@@ -9,3 +9,3 @@ import { p as pipe, m as map, f as flow } from './utils-4912d41d.js';
 import './themeStrategy/generators/palette.js';
-import './themeUtils-15fd38f0.js';
+import './themeUtils-3da3397c.js';
 import './themeStrategy/generators/identifiers.js';
@@ -12,0 +12,0 @@ import './themeStrategy/palettes/presets.js';

dist/es/textual-theme/custom-styles.js

@@ -5,3 +5,3 @@ import { isEmpty } from 'lodash';
 import EmptyCustomStyle from './empty-custom-style.js';
-import '../themeUtils-15fd38f0.js';
+import '../themeUtils-3da3397c.js';
 import '../themeStrategy/generators/identifiers.js';
@@ -8,0 +8,0 @@ import '../themeStrategy/palettes/presets.js';

dist/es/textual-theme/textual-theme.js

@@ -11,3 +11,3 @@ import { RicosNodeStyle } from '../document-style/node-style.js';
 import '../themeStrategy/generators/palette.js';
-import '../themeUtils-15fd38f0.js';
+import '../themeUtils-3da3397c.js';
 import '../themeStrategy/generators/identifiers.js';
@@ -14,0 +14,0 @@ import '../themeStrategy/palettes/presets.js';

dist/es/themeStrategy/build-theme-css-vars.js

@@ -6,3 +6,3 @@ import { merge } from 'lodash';
 import createTypography from './generators/typography.js';
-import { h as buildCssVarsObj } from '../themeUtils-15fd38f0.js';
+import { j as buildCssVarsObj } from '../themeUtils-3da3397c.js';
 import '../utils-4912d41d.js';
@@ -9,0 +9,0 @@ import 'ricos-content/libs/utils';

dist/es/themeStrategy/generators/palette.js

@@ -1,2 +0,2 @@
-import { t as toHexFormat, a as adaptForeground, b as toRgbTuple, d as toCssRgb } from '../../themeUtils-15fd38f0.js';
+import { t as toHexFormat, a as adaptForeground, b as toRgbTuple, c as canTransformToHex, e as toCssRgb } from '../../themeUtils-3da3397c.js';
 import { isRicosPaletteRgb } from './identifiers.js';
@@ -34,12 +34,12 @@ import presets from '../palettes/presets.js';
   } = colors;
-  const parseColors = (obj) => {
-    return Object.keys(obj).reduce((acc, key) => {
-      const value = obj[key];
-      if (value !== void 0) {
-        acc[key] = isPaletteRgb ? toCssRgb(value) : value;
-        acc[`${key}Tuple`] = isPaletteRgb ? value : toRgbTuple(value);
-      }
-      return acc;
-    }, {});
-  };
+  const parseColors = (obj) => Object.keys(obj).reduce((acc, key) => {
+    const value = obj[key];
+    if (value !== void 0) {
+      const transformedValue = canTransformToHex(value) && isPaletteRgb ? toRgbTuple(toHexFormat(value)) : void 0;
+      const colorValue = transformedValue !== void 0 ? transformedValue : value;
+      acc[key] = isPaletteRgb ? toCssRgb(colorValue) : colorValue;
+      acc[`${key}Tuple`] = isPaletteRgb ? colorValue : toRgbTuple(colorValue);
+    }
+    return acc;
+  }, {});
   const parsedValues = parseColors({
@@ -46,0 +46,0 @@ textColor,

dist/es/themeStrategy/themeStrategy.js

@@ -5,3 +5,3 @@ import createPalette from './generators/palette.js';
 import createTypography from './generators/typography.js';
-import { u as utils } from '../themeUtils-15fd38f0.js';
+import { u as utils } from '../themeUtils-3da3397c.js';
 import './generators/identifiers.js';
@@ -8,0 +8,0 @@ import './palettes/presets.js';

dist/es/themeStrategy/themeUtils.js

@@ -1,2 +0,2 @@
-export { a as adaptForeground, g as buildCssVars, h as buildCssVarsObj, i as isBright, d as toCssRgb, c as toCssRgbA, e as toDashedKey, t as toHexFormat, b as toRgbTuple, f as toVarStrings } from '../themeUtils-15fd38f0.js';
+export { a as adaptForeground, h as buildCssVars, j as buildCssVarsObj, c as canTransformToHex, i as isBright, e as toCssRgb, d as toCssRgbA, f as toDashedKey, t as toHexFormat, b as toRgbTuple, g as toVarStrings } from '../themeUtils-3da3397c.js';
 //# sourceMappingURL=themeUtils.js.map

dist/src/themeStrategy/themeUtils.d.ts

 import type { CssVarsObject } from 'ricos-types';
 export declare function toHexFormat(color: string): string;
+export declare function canTransformToHex(color: string): boolean;
 /**
@@ -4,0 +5,0 @@ * Ricos Brightness standard

package.json

 {
   "name": "ricos-styles",
-  "version": "10.21.6",
+  "version": "10.21.7",
   "author": {
@@ -36,9 +36,9 @@ "name": "Aviv Maimon",
     "fp-ts": "^2.11.0",
-    "ricos-content": "10.21.6",
-    "ricos-schema": "10.21.6"
+    "ricos-content": "10.21.7",
+    "ricos-schema": "10.21.7"
   },
   "devDependencies": {
     "jest-get-type": "^29.6.3",
-    "ricos-types": "10.21.6",
-    "wix-rich-content-common": "10.21.6"
+    "ricos-types": "10.21.7",
+    "wix-rich-content-common": "10.21.7"
   },
@@ -91,3 +91,3 @@ "peerDependencies": {
   },
-  "falconPackageHash": "e2f69fbe54ccee37ff192950685a1faa217ef9cffa9061bde2c3eb1c"
+  "falconPackageHash": "d22cbed87f6dc4a2c7172ece81ea92d630cc2863597ee7db39220718"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1323468

increased by0.34%

Lines of code

5988

increased by0.54%

Dependency changes

• + Addedricos-content@10.21.7(transitive)

• + Addedricos-schema@10.21.7(transitive)

• - Removedricos-content@10.21.6(transitive)

• - Removedricos-schema@10.21.6(transitive)

• Updatedricos-content@10.21.7

• Updatedricos-schema@10.21.7