carbon-react 154.4.0 → 154.4.2

package/esm/style/themes/base/base-theme.config.js

@@ -1,58 +1 @@
-import tokens from "@sage/design-tokens/js/base/common";
-export const space = ["var(--spacing000)", "var(--spacing100)", "var(--spacing200)", "var(--spacing300)", "var(--spacing400)", "var(--spacing500)", "var(--spacing600)", "var(--spacing700)", "var(--spacing800)", "var(--spacing900)", "var(--spacing1000)"];
-export default palette => {
-  return {
-    name: "base",
-    palette,
-    spacing: 8,
-    space,
-    colors: {
-      // main
-      primary: palette.genericGreenShade(15),
-      secondary: palette.genericGreenShade(35),
-      tertiary: palette.genericGreenShade(55),
-      loadingBarBackground: palette.genericGreenTint(70),
-      // generic
-      white: "#FFFFFF",
-      // status
-      error: palette.errorRed,
-      focus: palette.gold,
-      info: palette.productBlueShade(3),
-      warning: palette.carrotOrange,
-      warningText: palette.carrotOrangeShade(20),
-      destructive: {
-        hover: palette.errorRedShade(20)
-      },
-      placeholder: palette.blackOpacity(0.55)
-    },
-    disabled: {
-      background: palette.slateTint(90)
-    },
-    zIndex: {
-      smallOverlay: 10,
-      overlay: 1000,
-      nav: 2998,
-      globalNav: 2999,
-      modal: 3000,
-      header: 4000,
-      fullScreenModal: 5000,
-      popover: 6000,
-      notification: 7000,
-      aboveAll: 9999
-    },
-    get compatibility() {
-      return {
-        ...tokens,
-        colorsActionMajor150: this.colors.loadingBarBackground,
-        colorsActionMajor500: this.colors.primary,
-        colorsActionMajor600: this.colors.secondary,
-        colorsActionDisabled500: this.disabled.background,
-        colorsSemanticFocus500: this.colors.focus,
-        colorsSemanticNegative500: this.colors.error,
-        colorsSemanticNegative600: this?.colors?.destructive?.hover,
-        colorsSemanticCaution500: this.colors.warning,
-        colorsSemanticInfo500: this.colors.info
-      };
-    }
-  };
-};
+import e from"@sage/design-tokens/js/base/common";function r(e,r,o){return r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}const o=["var(--spacing000)","var(--spacing100)","var(--spacing200)","var(--spacing300)","var(--spacing400)","var(--spacing500)","var(--spacing600)","var(--spacing700)","var(--spacing800)","var(--spacing900)","var(--spacing1000)"];var t=t=>({name:"base",palette:t,spacing:8,space:o,colors:{primary:t.genericGreenShade(15),secondary:t.genericGreenShade(35),tertiary:t.genericGreenShade(55),loadingBarBackground:t.genericGreenTint(70),white:"#FFFFFF",error:t.errorRed,focus:t.gold,info:t.productBlueShade(3),warning:t.carrotOrange,warningText:t.carrotOrangeShade(20),destructive:{hover:t.errorRedShade(20)},placeholder:t.blackOpacity(.55)},disabled:{background:t.slateTint(90)},zIndex:{smallOverlay:10,overlay:1e3,nav:2998,globalNav:2999,modal:3e3,header:4e3,fullScreenModal:5e3,popover:6e3,notification:7e3,aboveAll:9999},get compatibility(){var o,t,a,n;return a=function(e){for(var o=1;o<arguments.length;o++){var t=null!=arguments[o]?arguments[o]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),a.forEach((function(o){r(e,o,t[o])}))}return e}({},e),n=null!=(n={colorsActionMajor150:this.colors.loadingBarBackground,colorsActionMajor500:this.colors.primary,colorsActionMajor600:this.colors.secondary,colorsActionDisabled500:this.disabled.background,colorsSemanticFocus500:this.colors.focus,colorsSemanticNegative500:this.colors.error,colorsSemanticNegative600:null==this||null===(t=this.colors)||void 0===t||null===(o=t.destructive)||void 0===o?void 0:o.hover,colorsSemanticCaution500:this.colors.warning,colorsSemanticInfo500:this.colors.info})?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(n)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r.push.apply(r,o)}return r}(Object(n)).forEach((function(e){Object.defineProperty(a,e,Object.getOwnPropertyDescriptor(n,e))})),a}});export{t as default,o as space};

package/esm/style/themes/base/index.js

@@ -1,25 +1 @@
-import configureBase from "./base-theme.config";
-import baseColors from "../../color-config";
-import atOpacity from "../../utils/at-opacity";
-import { mergeDeep } from "../../utils/merge-deep";
-import generatePalette from "../../palette";
-import addHexSymbols from "../../utils/add-hex-symbols";
-const colors = generatePalette(baseColors);
-const colorsWithHex = addHexSymbols(baseColors);
-const blackOpacity = atOpacity("#000000");
-const whiteOpacity = atOpacity("#FFFFFF");
-const palette = {
-  ...colors,
-  ...colorsWithHex,
-  blackOpacity,
-  whiteOpacity
-};
-const baseTheme = configureBase(palette);
-export default baseTheme;
-export const mergeWithBase = configureTheme => {
-  const themeToMergeWithBase = configureTheme(palette);
-  return {
-    ...mergeDeep(baseTheme, themeToMergeWithBase),
-    palette
-  };
-};
+import e from"./base-theme.config.js";import t from"../../color-config/index.js";import r from"../../utils/at-opacity.js";import{mergeDeep as o}from"../../utils/merge-deep.js";import n from"../../palette/index.js";import c from"../../utils/add-hex-symbols.js";function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){i(e,t,r[t])}))}return e}function s(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const f=n(t),b=c(t),l=r("#000000"),u=r("#FFFFFF"),a=s(p({},f,b),{blackOpacity:l,whiteOpacity:u}),O=e(a),y=e=>{const t=e(a);return s(p({},o(O,t)),{palette:a})};export{O as default,y as mergeWithBase};

package/esm/style/themes/index.js

@@ -1,4 +1 @@
-import sageTheme from "./sage";
-export { sageTheme };
-export { default as baseTheme } from "./base";
-export { default as noTheme } from "./none";
+export{default as sageTheme}from"./sage/index.js";export{default as baseTheme}from"./base/index.js";export{default as noTheme}from"./none/index.js";

package/esm/style/themes/none/index.js

@@ -1,3 +1 @@
-import configureTheme from "./none-theme.config";
-import { mergeWithBase } from "../base";
-export default mergeWithBase(configureTheme);
+import e from"./none-theme.config.js";import{mergeWithBase as o}from"../base/index.js";var r=o(e);export{r as default};

package/esm/style/themes/none/none-theme.config.js

@@ -1,5 +1 @@
-export default () => {
-  return {
-    name: "none"
-  };
-};
+var a=()=>({name:"none"});export{a as default};

package/esm/style/themes/sage/index.js

@@ -1,16 +1 @@
-import tokens from "@sage/design-tokens/js/base/common";
-import { mergeWithBase } from "../base";
-export default {
-  ...mergeWithBase(palette => ({
-    colors: {
-      primary: palette.productGreenShade(23.5),
-      secondary: palette.productGreenShade(41),
-      tertiary: palette.productGreenShade(61),
-      loadingBarBackground: palette.productGreenTint(70)
-    }
-  })),
-  compatibility: {
-    ...tokens
-  },
-  name: "sage"
-};
+import e from"@sage/design-tokens/js/base/common";import{mergeWithBase as r}from"../base/index.js";function t(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function n(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),o.forEach((function(r){t(e,r,n[r])}))}return e}var o,c,a=(o=n({},r((e=>({colors:{primary:e.productGreenShade(23.5),secondary:e.productGreenShade(41),tertiary:e.productGreenShade(61),loadingBarBackground:e.productGreenTint(70)}})))),c=null!=(c={compatibility:n({},e),name:"sage"})?c:{},Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(c)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(c)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(c,e))})),o);export{a as default};

package/esm/style/utils/add-focus-styling.js

@@ -1,13 +1 @@
-export default (inset = false) => {
-  let focusStyling = "0px 0px 0px var(--borderWidth300) var(--colorsSemanticFocus500), 0px 0px 0px var(--borderWidth600) var(--colorsUtilityYin090)";
-  if (inset) {
-    focusStyling = "inset 0px 0px 0px var(--borderWidth300) var(--colorsUtilityYin090), inset 0px 0px 0px var(--borderWidth600) var(--colorsSemanticFocus500)";
-  }
-  return `
-    -webkit-appearance: none;
-    -webkit-box-shadow: ${focusStyling};
-    box-shadow: ${focusStyling};
-
-    outline: transparent 3px solid;
-  `;
-};
+var r=(r=!1)=>{let o="0px 0px 0px var(--borderWidth300) var(--colorsSemanticFocus500), 0px 0px 0px var(--borderWidth600) var(--colorsUtilityYin090)";return r&&(o="inset 0px 0px 0px var(--borderWidth300) var(--colorsUtilityYin090), inset 0px 0px 0px var(--borderWidth600) var(--colorsSemanticFocus500)"),`\n    -webkit-appearance: none;\n    -webkit-box-shadow: ${o};\n    box-shadow: ${o};\n\n    outline: transparent 3px solid;\n  `};export{r as default};

package/esm/style/utils/add-hex-symbols.js

@@ -1,6 +1 @@
-const addHex = obj => (acc, col) => {
-  const color = obj[col];
-  acc[col] = `#${color}`;
-  return acc;
-};
-export default configObject => Object.keys(configObject).reduce(addHex(configObject), {});
+var e=e=>{return Object.keys(e).reduce((r=e,(e,t)=>{const a=r[t];return e[t]=`#${a}`,e}),{});var r};export{e as default};

package/esm/style/utils/at-opacity.js

@@ -1,9 +1 @@
-/**
- * Given a base color hex will return a function that expects
- * some given opactiy and returns the base color at that
- * opacity.
- */
-export default base => {
-  const rgb = base?.match(/[^#]{2}/g)?.map(pair => parseInt(pair, 16));
-  return opacity => `rgba(${rgb?.join(",")},${opacity})`;
-};
+var a=a=>{var l;const n=null==a||null===(l=a.match(/[^#]{2}/g))||void 0===l?void 0:l.map((a=>parseInt(a,16)));return a=>`rgba(${null==n?void 0:n.join(",")},${a})`};export{a as default};

package/esm/style/utils/box-gap.js

@@ -1,9 +1 @@
-import { space } from "../../style/themes/base/base-theme.config";
-export const GAP_VALUES = [0, 1, 2, 3, 4, 5, 6, 7, 8];
-export const getGapValue = gapValue => typeof gapValue === "number" ? `var(--spacing${gapValue}00)` : gapValue;
-export default function gap(gapValue) {
-  if (typeof gapValue === "number") {
-    return space[gapValue];
-  }
-  return gapValue;
-}
+import{space as e}from"../themes/base/base-theme.config.js";const t=[0,1,2,3,4,5,6,7,8],n=e=>"number"==typeof e?`var(--spacing${e}00)`:e;function o(t){return"number"==typeof t?e[t]:t}export{t as GAP_VALUES,o as default,n as getGapValue};

package/esm/style/utils/color.js

@@ -1,56 +1 @@
-// eslint-disable-next-line no-restricted-imports
-import { color as styledColor } from "styled-system";
-import tokens from "@sage/design-tokens/js/base/common";
-/*
- * styled-system/color allows users to use a color from the theme, from the `colors` object.
- *
- * The DLS defines colors in shades or tints rather than explicitly listing all possible colours
- * e.g. goldTint10, brilliantGreenShade55
- *
- * In our palette we have methods to access these colors
- * e.g. palette.goldTint(10)
- *
- * We could use a proxy to make those calls directly on the theme however styled-components expects the theme to be a
- * plain object and does not allow us to merge a theme from a ThemeProvider with a theme defined as a defaultProp if
- * both of those have a Proxy.
- * e.g. when the none theme in the ThemeProvider is merged with the base theme in the defaultProps
- *
- * The purpose of this function is to intercept any palette colors, we only want styled-system to deal with CSS strings
- * and theme.colors.
- *
- * This allows us to keep our themes as plain objects.
- */
-
-export const toColor = (theme, color) => {
-  if (color.startsWith("--") && color.slice(2) in tokens) {
-    return `var(${color})`;
-  }
-  const {
-    palette
-  } = theme;
-  const percentage = color.match(/\d+/);
-  const method = color.match(/[a-zA-Z]+/)?.toString();
-  if (method && method in palette) {
-    const match = palette[method];
-    if (typeof match === "function") {
-      const arg = ["blackOpacity", "whiteOpacity"].includes(method) ? `0.${percentage}` : percentage;
-      return match(arg);
-    }
-    return match;
-  }
-  return color;
-};
-export default ({
-  color,
-  bg,
-  backgroundColor,
-  ...rest
-}) => {
-  const obj = {};
-  obj.color = color ? toColor(rest.theme, color) : undefined;
-  obj.bg = bg || backgroundColor ? toColor(rest.theme, bg || backgroundColor) : undefined;
-  return styledColor({
-    ...rest,
-    ...obj
-  });
-};
+import{color as t}from"styled-system";import e from"@sage/design-tokens/js/base/common";function r(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}const n=(t,r)=>{var n;if(r.startsWith("--")&&r.slice(2)in e)return`var(${r})`;const{palette:o}=t,c=r.match(/\d+/),i=null===(n=r.match(/[a-zA-Z]+/))||void 0===n?void 0:n.toString();if(i&&i in o){const t=o[i];return"function"==typeof t?t(["blackOpacity","whiteOpacity"].includes(i)?`0.${c}`:c):t}return r};var o=e=>{var{color:o,bg:c,backgroundColor:i}=e,l=function(t,e){if(null==t)return{};var r,n,o=function(t,e){if(null==t)return{};var r,n,o={},c=Object.keys(t);for(n=0;n<c.length;n++)r=c[n],e.indexOf(r)>=0||(o[r]=t[r]);return o}(t,e);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(t);for(n=0;n<c.length;n++)r=c[n],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(e,["color","bg","backgroundColor"]);const a={};return a.color=o?n(l.theme,o):void 0,a.bg=c||i?n(l.theme,c||i):void 0,t(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})))),o.forEach((function(e){r(t,e,n[e])}))}return t}({},l,a))};export{o as default,n as toColor};

package/esm/style/utils/element-sizing.js

@@ -1,15 +1 @@
-import { layout } from "styled-system";
-
-/*
- * styled-system/layout allows users to use a width, height, minWidth, maxWidth, minHeight, maxHeight,
- * size, display, verticalAlign, overflow, overflowX and overflowY props most of which are usually not needed.
- * That's why the purpose of this function is to pass only the `width` and `height` props to the `layout` function.
- */
-
-export default ({
-  width,
-  height
-}) => layout({
-  width,
-  height
-});
+import{layout as t}from"styled-system";var e=({width:e,height:h})=>t({width:e,height:h});export{e as default};

package/esm/style/utils/filter-out-position-props.js

@@ -1,5 +1 @@
-import filterObjectProperties from "../../__internal__/filter-object-properties";
-export const positionPropertyNames = ["top", "right", "bottom", "left", "position"];
-export default function filterStyledSystemPositionProps(originalObject) {
-  return filterObjectProperties(originalObject, positionPropertyNames);
-}
+import t from"../../__internal__/filter-object-properties/filter-object-properties.js";const o=["top","right","bottom","left","position"];function e(e){return t(e,o)}export{e as default,o as positionPropertyNames};

package/esm/style/utils/filter-out-styled-system-spacing-props.js

@@ -1,4 +1 @@
-import { marginPropertyNames } from "./filter-styled-system-margin-props";
-import { paddingPropertyNames } from "./filter-styled-system-padding-props";
-const filterOutStyledSystemSpacingProps = props => Object.fromEntries(Object.entries(props).filter(([key]) => ![...marginPropertyNames, ...paddingPropertyNames].includes(key)));
-export default filterOutStyledSystemSpacingProps;
+import{marginPropertyNames as t}from"./filter-styled-system-margin-props.js";import{paddingPropertyNames as e}from"./filter-styled-system-padding-props.js";const s=s=>Object.fromEntries(Object.entries(s).filter((([s])=>![...t,...e].includes(s))));export{s as default};

package/esm/style/utils/filter-styled-system-flexbox-props.js

@@ -1,5 +1 @@
-import filterObjectProperties from "../../__internal__/filter-object-properties";
-export const flexboxPropertyNames = ["alignItems", "alignContent", "justifyItems", "justifyContent", "flexWrap", "flexDirection", "flex", "flexGrow", "flexShrink", "flexBasis", "justifySelf", "alignSelf", "order"];
-export default function filterStyledSystemFlexboxProps(originalObject) {
-  return filterObjectProperties(originalObject, flexboxPropertyNames);
-}
+import e from"../../__internal__/filter-object-properties/filter-object-properties.js";const t=["alignItems","alignContent","justifyItems","justifyContent","flexWrap","flexDirection","flex","flexGrow","flexShrink","flexBasis","justifySelf","alignSelf","order"];function r(r){return e(r,t)}export{r as default,t as flexboxPropertyNames};

package/esm/style/utils/filter-styled-system-grid-props.js

@@ -1,5 +1 @@
-import filterObjectProperties from "../../__internal__/filter-object-properties";
-export const gridPropertyNames = ["gridColumn", "gridRow", "gridArea", "gridAutoFlow", "gridAutoRows", "gridAutoColumns", "gridTemplateRows", "gridTemplateColumns", "gridTemplateAreas"];
-export default function filterStyledSystemGridProps(originalObject) {
-  return filterObjectProperties(originalObject, gridPropertyNames);
-}
+import r from"../../__internal__/filter-object-properties/filter-object-properties.js";const e=["gridColumn","gridRow","gridArea","gridAutoFlow","gridAutoRows","gridAutoColumns","gridTemplateRows","gridTemplateColumns","gridTemplateAreas"];function o(o){return r(o,e)}export{o as default,e as gridPropertyNames};

package/esm/style/utils/filter-styled-system-layout-props.js

@@ -1,5 +1 @@
-import filterObjectProperties from "../../__internal__/filter-object-properties";
-export const layoutPropertyNames = ["width", "height", "minWidth", "minHeight", "maxWidth", "maxHeight", "size", "display", "verticalAlign", "overflow", "overflowX", "overflowY", "position", "top", "right", "bottom", "left"];
-export default function filterStyledSystemLayoutProps(originalObject) {
-  return filterObjectProperties(originalObject, layoutPropertyNames);
-}
+import t from"../../__internal__/filter-object-properties/filter-object-properties.js";const i=["width","height","minWidth","minHeight","maxWidth","maxHeight","size","display","verticalAlign","overflow","overflowX","overflowY","position","top","right","bottom","left"];function e(e){return t(e,i)}export{e as default,i as layoutPropertyNames};

package/esm/style/utils/filter-styled-system-margin-props.js

@@ -1,5 +1 @@
-import filterObjectProperties from "../../__internal__/filter-object-properties";
-export const marginPropertyNames = ["margin", "m", "marginLeft", "ml", "marginRight", "mr", "marginTop", "mt", "marginBottom", "mb", "marginX", "mx", "marginY", "my"];
-export default function filterStyledSystemMarginProps(originalObject) {
-  return filterObjectProperties(originalObject, marginPropertyNames);
-}
+import r from"../../__internal__/filter-object-properties/filter-object-properties.js";const t=["margin","m","marginLeft","ml","marginRight","mr","marginTop","mt","marginBottom","mb","marginX","mx","marginY","my"];function m(m){return r(m,t)}export{m as default,t as marginPropertyNames};

package/esm/style/utils/filter-styled-system-padding-props.js

@@ -1,14 +1 @@
-import filterObjectProperties from "../../__internal__/filter-object-properties";
-export const paddingNames = ["p", "padding"];
-export const paddingLeftPropertyNames = ["pl", "paddingLeft"];
-export const paddingRightPropertyNames = ["pr", "paddingRight"];
-export const paddingXPropertyNames = ["px", "paddingX"];
-const paddingHorizontalPropertyNames = [...paddingLeftPropertyNames, ...paddingRightPropertyNames, ...paddingXPropertyNames];
-export const paddingTopPropertyNames = ["pt", "paddingTop"];
-export const paddingBottomPropertyNames = ["pb", "paddingBottom"];
-export const paddingYPropertyNames = ["py", "paddingY"];
-const paddingVerticalPropertyNames = [...paddingTopPropertyNames, ...paddingBottomPropertyNames, ...paddingYPropertyNames];
-export const paddingPropertyNames = [...paddingNames, ...paddingHorizontalPropertyNames, ...paddingVerticalPropertyNames];
-export default function filterStyledSystemPaddingProps(props) {
-  return filterObjectProperties(props, paddingPropertyNames);
-}
+import p from"../../__internal__/filter-object-properties/filter-object-properties.js";const t=["p","padding"],d=["pl","paddingLeft"],i=["pr","paddingRight"],e=["px","paddingX"],n=[...d,...i,...e],r=["pt","paddingTop"],o=["pb","paddingBottom"],a=["py","paddingY"],g=[...r,...o,...a],f=[...t,...n,...g];function l(t){return p(t,f)}export{l as default,o as paddingBottomPropertyNames,d as paddingLeftPropertyNames,t as paddingNames,f as paddingPropertyNames,i as paddingRightPropertyNames,r as paddingTopPropertyNames,e as paddingXPropertyNames,a as paddingYPropertyNames};

package/esm/style/utils/get-color-value.js

@@ -1,7 +1 @@
-import tokens from "@sage/design-tokens/js/base/common";
-export default color => {
-  if (color.startsWith("var")) {
-    return tokens[color.replace("var(--", "").replace(")", "")];
-  }
-  return color;
-};
+import a from"@sage/design-tokens/js/base/common";var e=e=>e.startsWith("var")?a[e.replace("var(--","").replace(")","")]:e;export{e as default};

package/esm/style/utils/get-rgb-values.js

@@ -1,6 +1 @@
-/** Given a base color in hex will return its rgb values. */
-
-const getRgbValues = baseColor => {
-  return [parseInt(baseColor.substring(1, 3), 16), parseInt(baseColor.substring(3, 5), 16), parseInt(baseColor.substring(5, 6), 16)];
-};
-export default getRgbValues;
+const s=s=>[parseInt(s.substring(1,3),16),parseInt(s.substring(3,5),16),parseInt(s.substring(5,6),16)];export{s as default};

package/esm/style/utils/index.js

@@ -1,7 +1 @@
-import filterStyledSystemPaddingProps from "./filter-styled-system-padding-props";
-import filterStyledSystemMarginProps from "./filter-styled-system-margin-props";
-import filterOutStyledSystemSpacingProps from "./filter-out-styled-system-spacing-props";
-import filterStyledSystemLayoutProps from "./filter-styled-system-layout-props";
-import filterStyledSystemFlexboxProps from "./filter-styled-system-flexbox-props";
-import filterStyledSystemGridProps from "./filter-styled-system-grid-props";
-export { filterStyledSystemPaddingProps, filterStyledSystemMarginProps, filterOutStyledSystemSpacingProps, filterStyledSystemLayoutProps, filterStyledSystemFlexboxProps, filterStyledSystemGridProps };
+export{default as filterStyledSystemPaddingProps}from"./filter-styled-system-padding-props.js";export{default as filterStyledSystemMarginProps}from"./filter-styled-system-margin-props.js";export{default as filterOutStyledSystemSpacingProps}from"./filter-out-styled-system-spacing-props.js";export{default as filterStyledSystemLayoutProps}from"./filter-styled-system-layout-props.js";export{default as filterStyledSystemFlexboxProps}from"./filter-styled-system-flexbox-props.js";export{default as filterStyledSystemGridProps}from"./filter-styled-system-grid-props.js";

package/esm/style/utils/merge-deep.js

@@ -1,31 +1 @@
-/**
- * Simple object check.
- */
-export function isObject(item) {
-  return item && typeof item === "object" && !Array.isArray(item);
-}
-function merge(_target, ..._sources) {
-  if (!_sources.length) return _target;
-  const source = _sources.shift();
-  if (isObject(_target) && isObject(source)) {
-    for (const key in source) {
-      if (isObject(source[key])) {
-        merge(_target[key], source[key]);
-      } else {
-        Object.assign(_target, {
-          [key]: source[key]
-        });
-      }
-    }
-  }
-  return merge(_target, ..._sources);
-}
-
-/**
- * Deep merge two objects.
- */
-export function mergeDeep(target, ...sources) {
-  // ensure function is not mutative
-  const newTarget = JSON.parse(JSON.stringify(target));
-  return merge(newTarget, ...sources);
-}
+function n(n){return n&&"object"==typeof n&&!Array.isArray(n)}function r(t,...i){if(!i.length)return t;const e=i.shift();if(n(t)&&n(e))for(const i in e)n(e[i])?r(t[i],e[i]):Object.assign(t,{[i]:e[i]});return r(t,...i)}function t(n,...t){return r(JSON.parse(JSON.stringify(n)),...t)}export{n as isObject,t as mergeDeep};

package/esm/style/utils/mix.js

@@ -1,27 +1 @@
-const decToHex = decimal => decimal.toString(16);
-const hexToDec = hex => parseInt(hex, 16);
-const isShortHex = hex => hex.length === 3;
-const processHexes = (...hexes) => {
-  return hexes.map(hex => hex.replace(/#/, "")).map(hex => {
-    return isShortHex(hex) ? hex.repeat(2) : hex;
-  });
-};
-
-/**
- * A Javascript implementation of the Sass `mix` mixin.
- */
-export default (inputColorA, inputColorB, weight = 50) => {
-  const [colorA, colorB] = processHexes(inputColorA, inputColorB);
-  const colorAPairs = colorA.match(/.{1,2}/g);
-  const colorBPairs = colorB.match(/.{1,2}/g);
-  if (!colorBPairs) {
-    return "";
-  }
-  const hex = colorAPairs?.reduce((acc, pair, i) => {
-    const val1 = hexToDec(pair);
-    const val2 = hexToDec(colorBPairs[i]);
-    const combination = decToHex(Math.round(val2 + (val1 - val2) * (weight / 100.0)));
-    return acc + combination.padStart(2, "0");
-  }, "").toUpperCase();
-  return `#${hex}`;
-};
+const t=t=>parseInt(t,16);var a=(a,e,r=50)=>{const[n,p]=((...t)=>t.map((t=>t.replace(/#/,""))).map((t=>(t=>3===t.length)(t)?t.repeat(2):t)))(a,e),o=n.match(/.{1,2}/g),c=p.match(/.{1,2}/g);return c?`#${null==o?void 0:o.reduce(((a,e,n)=>{const p=t(e),o=t(c[n]);return a+Math.round(o+r/100*(p-o)).toString(16).padStart(2,"0")}),"").toUpperCase()}`:""};export{a as default};

package/esm/style/utils/shade.js

@@ -1,2 +1 @@
-import mix from "./mix";
-export default color => weight => mix("000000", color, weight);
+import r from"./mix.js";var a=a=>m=>r("000000",a,m);export{a as default};

package/esm/style/utils/tint.js

@@ -1,2 +1 @@
-import mix from "./mix";
-export default color => weight => mix("FFFFFF", color, weight);
+import F from"./mix.js";var r=r=>a=>F("FFFFFF",r,a);export{r as default};

package/esm/style/utils/visually-hidden.js

@@ -1,11 +1 @@
-import { css } from "styled-components";
-export default css`
-  border: 0;
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px;
-  white-space: nowrap;
-`;
+import{css as o}from"styled-components";var e=o(["border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;"]);export{e as default};

package/lib/__internal__/ai-icon/ai-icon.component.js

@@ -1,36 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.AiIcon = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const AiIcon = ({
-  ...rest
-}) => /*#__PURE__*/_react.default.createElement("svg", _extends({}, (0, _tags.default)("ai-icon", rest), {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "20",
-  height: "20",
-  fill: "none",
-  viewBox: "0 0 20 20"
-}), /*#__PURE__*/_react.default.createElement("g", {
-  clipPath: "url(#a)"
-}, /*#__PURE__*/_react.default.createElement("path", {
-  "data-role": "white-star",
-  fill: "#fff",
-  d: "m16.378 9.799-3.776-1.49a1.615 1.615 0 0 1-.91-.91l-1.49-3.775c-.537-1.364-2.466-1.364-3.004 0L5.708 7.4a1.615 1.615 0 0 1-.91.91L1.022 9.799c-1.363.537-1.363 2.466 0 3.004l3.776 1.49c.417.163.746.493.91.91l1.49 3.775c.538 1.363 2.467 1.363 3.005 0l1.489-3.776c.164-.416.494-.745.91-.91l3.776-1.489c1.364-.538 1.364-2.467 0-3.004Z"
-}), /*#__PURE__*/_react.default.createElement("path", {
-  "data-role": "green-circle",
-  fill: "#00D639",
-  d: "M17.172 5.655a2.827 2.827 0 1 0 0-5.655 2.827 2.827 0 0 0 0 5.655Z"
-})), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
-  id: "a"
-}, /*#__PURE__*/_react.default.createElement("path", {
-  fill: "#fff",
-  d: "M0 0h20v20H0z"
-}))));
-exports.AiIcon = AiIcon;
-var _default = exports.default = AiIcon;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../utils/helpers/tags/tags.js");function t(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function n(){return n=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},n.apply(this,arguments)}const c=c=>{var o,i,l=n({},function(e){if(null==e)throw new TypeError("Cannot destructure "+e);return e}(c));return e.jsxs("svg",(o=function(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},c=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(c=c.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),c.forEach((function(r){t(e,r,n[r])}))}return e}({},r.default("ai-icon",l)),i=null!=(i={xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"none",viewBox:"0 0 20 20",children:[e.jsxs("g",{clipPath:"url(#a)",children:[e.jsx("path",{"data-role":"white-star",fill:"#fff",d:"m16.378 9.799-3.776-1.49a1.615 1.615 0 0 1-.91-.91l-1.49-3.775c-.537-1.364-2.466-1.364-3.004 0L5.708 7.4a1.615 1.615 0 0 1-.91.91L1.022 9.799c-1.363.537-1.363 2.466 0 3.004l3.776 1.49c.417.163.746.493.91.91l1.49 3.775c.538 1.363 2.467 1.363 3.005 0l1.489-3.776c.164-.416.494-.745.91-.91l3.776-1.489c1.364-.538 1.364-2.467 0-3.004Z"}),e.jsx("path",{"data-role":"green-circle",fill:"#00D639",d:"M17.172 5.655a2.827 2.827 0 1 0 0-5.655 2.827 2.827 0 0 0 0 5.655Z"})]}),e.jsx("defs",{children:e.jsx("clipPath",{id:"a",children:e.jsx("path",{fill:"#fff",d:"M0 0h20v20H0z"})})})]})?i:{},Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(i)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(i,e))})),o))};exports.AiIcon=c,exports.default=c;

package/lib/__internal__/ai-icon/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _aiIcon.default;
-  }
-});
-var _aiIcon = _interopRequireDefault(require("./ai-icon.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./ai-icon.component.js");exports.default=e.AiIcon;

package/lib/__internal__/ai-icon/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/__internal__/ai-icon/index.js",
   "main": "./index.js",
+  "module": "../../../esm/__internal__/ai-icon/index.js",
   "types": "./index.d.ts"
 }

package/lib/__internal__/character-count/character-count.component.js

@@ -1,41 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _characterCount = require("./character-count.style");
-var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const CharacterCount = ({
-  ariaLive = "off",
-  value,
-  debouncedValue = value,
-  limit,
-  isDebouncedOverLimit,
-  isOverLimit,
-  visuallyHiddenHintId
-}) => {
-  const limitMinusValue = +limit - +value;
-  const valueMinusLimit = +value - +limit;
-  const debouncedLimitMinusValue = +limit - +debouncedValue;
-  const debouncedValueMinusLimit = debouncedValue - +limit;
-  const l = (0, _useLocale.default)();
-  const getFormatNumber = (rawValue, locale) => new Intl.NumberFormat(locale).format(rawValue);
-  return /*#__PURE__*/_react.default.createElement(_characterCount.StyledCharacterCountWrapper, null, /*#__PURE__*/_react.default.createElement(_characterCount.VisuallyHiddenHint, {
-    "data-element": "visually-hidden-hint",
-    "data-role": "visually-hidden-hint",
-    id: visuallyHiddenHintId
-  }, l.characterCount.visuallyHiddenHint(getFormatNumber(limit, l.locale()))), /*#__PURE__*/_react.default.createElement(_characterCount.StyledCharacterCount, {
-    "aria-hidden": "true",
-    isOverLimit: isOverLimit,
-    "data-element": "character-count",
-    "data-role": "character-count"
-  }, !isOverLimit ? l.characterCount.charactersLeft(limitMinusValue, getFormatNumber(limitMinusValue, l.locale())) : l.characterCount.tooManyCharacters(valueMinusLimit, getFormatNumber(valueMinusLimit, l.locale()))), /*#__PURE__*/_react.default.createElement(_characterCount.VisuallyHiddenCharacterCount, {
-    "data-element": "visually-hidden-character-count",
-    "data-role": "visually-hidden-character-count",
-    "aria-live": ariaLive
-  }, !isDebouncedOverLimit ? l.characterCount.charactersLeft(debouncedLimitMinusValue, getFormatNumber(debouncedLimitMinusValue, l.locale())) : l.characterCount.tooManyCharacters(debouncedValueMinusLimit, getFormatNumber(debouncedValueMinusLimit, l.locale()))));
-};
-var _default = exports.default = CharacterCount;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var a=require("./character-count.style.js"),r=require("../../hooks/__internal__/useLocale/useLocale.js");exports.default=({ariaLive:t="off",value:c,debouncedValue:i=c,limit:l,isDebouncedOverLimit:n,isOverLimit:u,visuallyHiddenHintId:d})=>{const o=+l-+c,s=+c-+l,h=+l-+i,v=i-+l,y=r.default(),C=(e,a)=>new Intl.NumberFormat(a).format(e);return e.jsxs(a.StyledCharacterCountWrapper,{children:[e.jsx(a.VisuallyHiddenHint,{"data-element":"visually-hidden-hint","data-role":"visually-hidden-hint",id:d,children:y.characterCount.visuallyHiddenHint(C(l,y.locale()))}),e.jsx(a.StyledCharacterCount,{"aria-hidden":"true",isOverLimit:u,"data-element":"character-count","data-role":"character-count",children:u?y.characterCount.tooManyCharacters(s,C(s,y.locale())):y.characterCount.charactersLeft(o,C(o,y.locale()))}),e.jsx(a.VisuallyHiddenCharacterCount,{"data-element":"visually-hidden-character-count","data-role":"visually-hidden-character-count","aria-live":t,children:n?y.characterCount.tooManyCharacters(v,C(v,y.locale())):y.characterCount.charactersLeft(h,C(h,y.locale()))})]})};

package/lib/__internal__/character-count/character-count.style.js

@@ -1,49 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.VisuallyHiddenHint = exports.VisuallyHiddenCharacterCount = exports.StyledCharacterCountWrapper = exports.StyledCharacterCount = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-var _visuallyHidden = _interopRequireDefault(require("../../style/utils/visually-hidden"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const StyledCharacterCountWrapper = exports.StyledCharacterCountWrapper = _styledComponents.default.div``;
-const StyledCharacterCount = exports.StyledCharacterCount = _styledComponents.default.div`
-  text-align: left;
-  font-size: var(--fontSizes100);
-  margin-top: var(--spacing050);
-  margin-bottom: var(--spacing050);
-  color: ${({
-  isOverLimit
-}) => isOverLimit ? "var(--colorsSemanticNegative500)" : "var(--colorsUtilityYin055)"};
-
-  ${({
-  isOverLimit
-}) => isOverLimit && (0, _styledComponents.css)`
-      font-weight: var(--fontWeights500);
-    `}
-`;
-const VisuallyHiddenCharacterCount = exports.VisuallyHiddenCharacterCount = _styledComponents.default.div`
-  ::after {
-    content: " ";
-  }
-
-  ${_visuallyHidden.default}
-`;
-const VisuallyHiddenHint = exports.VisuallyHiddenHint = _styledComponents.default.div`
-  ::before {
-    content: " ";
-  }
-
-  ::after {
-    content: " ";
-  }
-
-  ${_visuallyHidden.default}
-`;
-StyledCharacterCount.defaultProps = {
-  theme: _base.default
-};
+"use strict";var t=require("styled-components"),e=require("../../style/themes/base/index.js"),a=require("../../style/utils/visually-hidden.js");function r(t){return t&&t.__esModule?t:{default:t}}var i=r(t);const n=i.default.div.withConfig({displayName:"character-count.style__StyledCharacterCountWrapper",componentId:"sc-c17f13d1-0"})([""]),o=i.default.div.withConfig({displayName:"character-count.style__StyledCharacterCount",componentId:"sc-c17f13d1-1"})(["text-align:left;font-size:var(--fontSizes100);margin-top:var(--spacing050);margin-bottom:var(--spacing050);color:",";",""],(({isOverLimit:t})=>t?"var(--colorsSemanticNegative500)":"var(--colorsUtilityYin055)"),(({isOverLimit:e})=>e&&t.css(["font-weight:var(--fontWeights500);"]))),s=i.default.div.withConfig({displayName:"character-count.style__VisuallyHiddenCharacterCount",componentId:"sc-c17f13d1-2"})(['::after{content:" ";}',""],a.default),c=i.default.div.withConfig({displayName:"character-count.style__VisuallyHiddenHint",componentId:"sc-c17f13d1-3"})(['::before{content:" ";}::after{content:" ";}',""],a.default);o.defaultProps={theme:e.default},exports.StyledCharacterCount=o,exports.StyledCharacterCountWrapper=n,exports.VisuallyHiddenCharacterCount=s,exports.VisuallyHiddenHint=c;