carbon-react 154.3.2 → 154.3.3-beta.1

package/lib/locales/fr-fr.js

@@ -1,235 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _fr = require("date-fns/locale/fr");
-const isSingular = count => (typeof count === "string" ? parseInt(count) : count) === 1;
-const frFR = {
-  locale: () => "fr-FR",
-  actions: {
-    edit: () => "Modifier",
-    delete: () => "Supprimer"
-  },
-  actionPopover: {
-    ariaLabel: () => "actions"
-  },
-  advancedColorPicker: {
-    ariaLabel: () => "Changer de couleur",
-    currentColorDescriptionTerm: () => "Couleur actuelle attribuée :",
-    currentColorAssigned: currentColor => currentColor
-  },
-  batchSelection: {
-    selected: count => `${count} sélectionné(s)`
-  },
-  breadcrumbs: {
-    ariaLabel: () => "Chemin de navigation"
-  },
-  confirm: {
-    no: () => "Non",
-    yes: () => "Oui"
-  },
-  characterCount: {
-    tooManyCharacters: (count, formattedCount) => count === 1 ? `il y a ${formattedCount} caractère de trop` : `${formattedCount} caractères de trop`,
-    charactersLeft: (count, formattedCount) => count === 1 ? `${formattedCount} caractère restant` : `${formattedCount} caractères restants`,
-    visuallyHiddenHint: formattedCount => `vous pouvez saisir jusqu'à ${formattedCount} caractères.`
-  },
-  date: {
-    dateFnsLocale: () => _fr.fr,
-    ariaLabels: {
-      previousMonthButton: () => "Mois précédent",
-      nextMonthButton: () => "Mois suivant"
-    }
-  },
-  dialog: {
-    ariaLabels: {
-      close: () => "Fermer"
-    }
-  },
-  dialogFullScreen: {
-    ariaLabels: {
-      close: () => "Fermer"
-    }
-  },
-  dismissibleBox: {
-    ariaLabels: {
-      close: () => "Fermer"
-    }
-  },
-  errors: {
-    messages: {
-      formSummary: /* istanbul ignore next */
-      (errors, warnings, type) => {
-        const errorPlural = isSingular(errors) ? "erreur" : "erreurs";
-        const warningPlural = isSingular(warnings) ? "avertissement" : "avertissements";
-        if (errors && warnings && type === "warning") {
-          return ["et", `${warnings} ${warningPlural}`];
-        }
-        if (errors) {
-          return ["Il y a", `${errors} ${errorPlural}`];
-        }
-        if (warnings) {
-          return ["Il y a", `${warnings} ${warningPlural}`];
-        }
-        return null;
-      }
-    }
-  },
-  fileInput: {
-    dragAndDrop: () => "ou glisser et déposer votre fichier",
-    selectFile: () => "Sélectionnez le fichier",
-    fileUploadStatus: () => "Statut du téléchargement de fichiers",
-    actions: {
-      cancel: () => "Annuler le téléchargement",
-      clear: () => "Effacer",
-      delete: () => "Supprimer le fichier"
-    }
-  },
-  heading: {
-    backLinkAriaLabel: () => "Retour"
-  },
-  label: {
-    optional: () => "facultatif"
-  },
-  link: {
-    skipLinkLabel: () => "Passer au contenu principal"
-  },
-  loader: {
-    loading: () => "Chargement en cours"
-  },
-  loaderSpinner: {
-    loading: () => "Chargement en cours..."
-  },
-  loaderStar: {
-    loading: () => "Chargement en cours..."
-  },
-  menuFullscreen: {
-    ariaLabels: {
-      closeButton: () => "Fermer"
-    }
-  },
-  message: {
-    closeButtonAriaLabel: () => "Fermer",
-    error: () => "Erreur",
-    info: () => "Information",
-    success: () => "Action réussie",
-    warning: () => "Avertissement",
-    neutral: () => "Information",
-    ai: () => "Information générée par IA"
-  },
-  numeralDate: {
-    validation: {
-      day: (month, daysInMonth) => {
-        if (month && daysInMonth) {
-          return `Le jour du ${month} doit être un nombre compris entre 1- ${daysInMonth}`;
-        }
-        return "Le jour doit être un nombre compris entre 1 et 31 jours.";
-      },
-      month: () => "Le mois doit être un nombre compris entre 1 et 12.",
-      year: () => "L'année doit être un nombre compris entre 1800 et 2200."
-    },
-    labels: {
-      day: () => "Jour",
-      month: () => "Mois",
-      year: () => "Année"
-    }
-  },
-  pager: {
-    show: () => "Afficher",
-    records: (count, showNumber = true) => {
-      const noun = isSingular(count) ? "élément" : "éléments";
-      return showNumber ? `${count} ${noun}` : noun;
-    },
-    first: () => "Première",
-    last: () => "Dernière",
-    next: () => "Suivante",
-    previous: () => "Précédente",
-    pageX: () => "Page",
-    ofY: count => `de ${count}`
-  },
-  password: {
-    ariaLiveShownMessage: () => "Votre mot de passe s'affiche. Assurez-vous d'être dans un environnement sûr puis survolez la zone avec votre souris et vous pourrez écouter le mot de passe.",
-    ariaLiveHiddenMessage: () => "Votre mot de passe est actuellement caché."
-  },
-  progressTracker: {
-    of: () => "de"
-  },
-  pod: {
-    undo: () => "Annuler"
-  },
-  textEditor: {
-    boldAria: () => "Gras",
-    cancelButton: () => "Annuler",
-    cancelButtonAria: () => "Annuler",
-    characterCounter(count) {
-      return `${typeof count === "number" ? count.toString() : count} caractères restants`;
-    },
-    characterLimit(count) {
-      return `Vous avez dépassé de ${count} caractères la limite autorisée`;
-    },
-    contentEditorAria: () => "Éditeur de texte enrichi",
-    italicAria: () => "Italique",
-    orderedListAria: () => "Liste ordonnée",
-    saveButton: () => "Enregistrer",
-    saveButtonAria: () => "Enregistrer",
-    toolbarAriaLabel: () => "Mise en forme",
-    unorderedListAria: () => "Liste non ordonnée"
-  },
-  search: {
-    searchButtonText: () => "Rechercher"
-  },
-  select: {
-    actionButtonText: () => "Ajouter un nouvel élément",
-    placeholder: () => "Sélectionner...",
-    noResultsForTerm: term => `Aucun résultat pour ${term}`
-  },
-  sidebar: {
-    ariaLabels: {
-      close: () => "Fermer"
-    }
-  },
-  sort: {
-    accessibleName: (sortContent, sortType) => `Trier tous les contenus ${sortContent && `de type ${sortContent}`}${sortType ? ` par ordre ${sortType === "ascending" ? "croissant" : "décroissant"}.` : " par ordre croissant ou décroissant."}`
-  },
-  splitButton: {
-    ariaLabel: () => "Afficher plus"
-  },
-  stepFlow: {
-    stepLabel: (currentStep, totalSteps) => `Étape ${currentStep} de ${totalSteps}`,
-    screenReaderOnlyTitle: (title, currentStep, totalSteps, category) => `${category ? `${category}.` : ""} ${title}. Étape ${currentStep} de ${totalSteps}.`,
-    closeIconAriaLabel: () => "Fermer"
-  },
-  switch: {
-    on: () => "Oui",
-    off: () => "Désactiver"
-  },
-  tileSelect: {
-    deselect: () => "Désélectionner"
-  },
-  time: {
-    amText: () => "AM",
-    pmText: () => "PM",
-    hoursLabelText: () => "h",
-    minutesLabelText: () => "min",
-    hoursAriaLabelText: () => "Heures",
-    minutesAriaLabelText: () => "Minutes"
-  },
-  toast: {
-    ariaLabels: {
-      close: () => "Fermer"
-    },
-    error: () => "",
-    info: () => "",
-    success: () => "",
-    warning: () => "",
-    neutral: () => "",
-    notification: () => ""
-  },
-  verticalMenuFullScreen: {
-    ariaLabels: {
-      close: () => "Fermer"
-    }
-  }
-};
-var _default = exports.default = frFR;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("date-fns/locale/fr");const r=e=>1===("string"==typeof e?parseInt(e):e),t={locale:()=>"fr-FR",actions:{edit:()=>"Modifier",delete:()=>"Supprimer"},actionPopover:{ariaLabel:()=>"actions"},advancedColorPicker:{ariaLabel:()=>"Changer de couleur",currentColorDescriptionTerm:()=>"Couleur actuelle attribuée :",currentColorAssigned:e=>e},batchSelection:{selected:e=>`${e} sélectionné(s)`},breadcrumbs:{ariaLabel:()=>"Chemin de navigation"},confirm:{no:()=>"Non",yes:()=>"Oui"},characterCount:{tooManyCharacters:(e,r)=>1===e?`il y a ${r} caractère de trop`:`${r} caractères de trop`,charactersLeft:(e,r)=>1===e?`${r} caractère restant`:`${r} caractères restants`,visuallyHiddenHint:e=>`vous pouvez saisir jusqu'à ${e} caractères.`},date:{dateFnsLocale:()=>e.fr,ariaLabels:{previousMonthButton:()=>"Mois précédent",nextMonthButton:()=>"Mois suivant"}},dialog:{ariaLabels:{close:()=>"Fermer"}},dialogFullScreen:{ariaLabels:{close:()=>"Fermer"}},dismissibleBox:{ariaLabels:{close:()=>"Fermer"}},errors:{messages:{formSummary:(e,t,a)=>{const n=r(e)?"erreur":"erreurs",o=r(t)?"avertissement":"avertissements";return e&&t&&"warning"===a?["et",`${t} ${o}`]:e?["Il y a",`${e} ${n}`]:t?["Il y a",`${t} ${o}`]:null}}},fileInput:{dragAndDrop:()=>"ou glisser et déposer votre fichier",selectFile:()=>"Sélectionnez le fichier",fileUploadStatus:()=>"Statut du téléchargement de fichiers",actions:{cancel:()=>"Annuler le téléchargement",clear:()=>"Effacer",delete:()=>"Supprimer le fichier"}},heading:{backLinkAriaLabel:()=>"Retour"},label:{optional:()=>"facultatif"},link:{skipLinkLabel:()=>"Passer au contenu principal"},loader:{loading:()=>"Chargement en cours"},loaderSpinner:{loading:()=>"Chargement en cours..."},loaderStar:{loading:()=>"Chargement en cours..."},menuFullscreen:{ariaLabels:{closeButton:()=>"Fermer"}},message:{closeButtonAriaLabel:()=>"Fermer",error:()=>"Erreur",info:()=>"Information",success:()=>"Action réussie",warning:()=>"Avertissement",neutral:()=>"Information",ai:()=>"Information générée par IA"},numeralDate:{validation:{day:(e,r)=>e&&r?`Le jour du ${e} doit être un nombre compris entre 1- ${r}`:"Le jour doit être un nombre compris entre 1 et 31 jours.",month:()=>"Le mois doit être un nombre compris entre 1 et 12.",year:()=>"L'année doit être un nombre compris entre 1800 et 2200."},labels:{day:()=>"Jour",month:()=>"Mois",year:()=>"Année"}},pager:{show:()=>"Afficher",records:(e,t=!0)=>{const a=r(e)?"élément":"éléments";return t?`${e} ${a}`:a},first:()=>"Première",last:()=>"Dernière",next:()=>"Suivante",previous:()=>"Précédente",pageX:()=>"Page",ofY:e=>`de ${e}`},password:{ariaLiveShownMessage:()=>"Votre mot de passe s'affiche. Assurez-vous d'être dans un environnement sûr puis survolez la zone avec votre souris et vous pourrez écouter le mot de passe.",ariaLiveHiddenMessage:()=>"Votre mot de passe est actuellement caché."},progressTracker:{of:()=>"de"},pod:{undo:()=>"Annuler"},textEditor:{boldAria:()=>"Gras",cancelButton:()=>"Annuler",cancelButtonAria:()=>"Annuler",characterCounter:e=>`${"number"==typeof e?e.toString():e} caractères restants`,characterLimit:e=>`Vous avez dépassé de ${e} caractères la limite autorisée`,contentEditorAria:()=>"Éditeur de texte enrichi",italicAria:()=>"Italique",orderedListAria:()=>"Liste ordonnée",saveButton:()=>"Enregistrer",saveButtonAria:()=>"Enregistrer",toolbarAriaLabel:()=>"Mise en forme",unorderedListAria:()=>"Liste non ordonnée"},search:{searchButtonText:()=>"Rechercher"},select:{actionButtonText:()=>"Ajouter un nouvel élément",placeholder:()=>"Sélectionner...",noResultsForTerm:e=>`Aucun résultat pour ${e}`},sidebar:{ariaLabels:{close:()=>"Fermer"}},sort:{accessibleName:(e,r)=>`Trier tous les contenus ${e&&`de type ${e}`}${r?` par ordre ${"ascending"===r?"croissant":"décroissant"}.`:" par ordre croissant ou décroissant."}`},splitButton:{ariaLabel:()=>"Afficher plus"},stepFlow:{stepLabel:(e,r)=>`Étape ${e} de ${r}`,screenReaderOnlyTitle:(e,r,t,a)=>`${a?`${a}.`:""} ${e}. Étape ${r} de ${t}.`,closeIconAriaLabel:()=>"Fermer"},switch:{on:()=>"Oui",off:()=>"Désactiver"},tileSelect:{deselect:()=>"Désélectionner"},time:{amText:()=>"AM",pmText:()=>"PM",hoursLabelText:()=>"h",minutesLabelText:()=>"min",hoursAriaLabelText:()=>"Heures",minutesAriaLabelText:()=>"Minutes"},toast:{ariaLabels:{close:()=>"Fermer"},error:()=>"",info:()=>"",success:()=>"",warning:()=>"",neutral:()=>"",notification:()=>""},verticalMenuFullScreen:{ariaLabels:{close:()=>"Fermer"}}};exports.default=t;

package/lib/locales/index.js

@@ -1,55 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "deDE", {
-  enumerable: true,
-  get: function () {
-    return _deDe.default;
-  }
-});
-Object.defineProperty(exports, "enCA", {
-  enumerable: true,
-  get: function () {
-    return _enCa.default;
-  }
-});
-Object.defineProperty(exports, "enGB", {
-  enumerable: true,
-  get: function () {
-    return _enGb.default;
-  }
-});
-Object.defineProperty(exports, "enUS", {
-  enumerable: true,
-  get: function () {
-    return _enUs.default;
-  }
-});
-Object.defineProperty(exports, "esES", {
-  enumerable: true,
-  get: function () {
-    return _esEs.default;
-  }
-});
-Object.defineProperty(exports, "frCA", {
-  enumerable: true,
-  get: function () {
-    return _frCa.default;
-  }
-});
-Object.defineProperty(exports, "frFR", {
-  enumerable: true,
-  get: function () {
-    return _frFr.default;
-  }
-});
-var _enGb = _interopRequireDefault(require("./en-gb"));
-var _deDe = _interopRequireDefault(require("./de-de"));
-var _enCa = _interopRequireDefault(require("./en-ca"));
-var _enUs = _interopRequireDefault(require("./en-us"));
-var _esEs = _interopRequireDefault(require("./es-es"));
-var _frCa = _interopRequireDefault(require("./fr-ca"));
-var _frFr = _interopRequireDefault(require("./fr-fr"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";var e=require("./en-gb.js"),r=require("./de-de.js"),s=require("./en-ca.js"),t=require("./en-us.js"),u=require("./es-es.js"),f=require("./fr-ca.js"),a=require("./fr-fr.js");exports.enGB=e.default,exports.deDE=r.default,exports.enCA=s.default,exports.enUS=t.default,exports.esES=u.default,exports.frCA=f.default,exports.frFR=a.default;

package/lib/locales/package.json

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

package/lib/package.json

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

package/lib/style/color-config/index.js

@@ -1,22 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-// Base colors
-const colorConfig = {
-  brilliantGreen: "00DC00",
-  carrotOrange: "E96400",
-  errorRed: "C7384F",
-  genericGreen: "009900",
-  gold: "FFB500",
-  productGreen: "00A376",
-  productBlue: "0077C8",
-  navyBlue: "004B87",
-  amethyst: "582C83",
-  plum: "8246AF",
-  slate: "003349",
-  black: "000000"
-};
-var _default = exports.default = colorConfig;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={brilliantGreen:"00DC00",carrotOrange:"E96400",errorRed:"C7384F",genericGreen:"009900",gold:"FFB500",productGreen:"00A376",productBlue:"0077C8",navyBlue:"004B87",amethyst:"582C83",plum:"8246AF",slate:"003349",black:"000000"};

package/lib/style/color-config/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/style/color-config/index.js",
   "main": "./index.js",
+  "module": "../../../esm/style/color-config/index.js",
   "types": "./index.d.ts"
 }

package/lib/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js

@@ -1,31 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _themes = require("../../themes");
-var _generateCssVariables = _interopRequireDefault(require("../generate-css-variables.util"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- *
- * Converts theme properties to css variables form and set them locally for
- * given scope
- *
- */
-
-const CarbonScopedTokensProvider = _styledComponents.default.div`
-  margin: 0;
-  padding: 0;
-  width: auto;
-  display: inline;
-
-  ${({
-  theme
-}) => (0, _generateCssVariables.default)(theme.compatibility)}
-`;
-CarbonScopedTokensProvider.defaultProps = {
-  theme: _themes.baseTheme
-};
-var _default = exports.default = CarbonScopedTokensProvider;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");require("../../themes/sage/index.js");var t=require("../../themes/base/index.js");require("../../themes/none/index.js");var r=require("../generate-css-variables.util.js");function i(e){return e&&e.__esModule?e:{default:e}}const s=i(e).default.div.withConfig({displayName:"carbon-scoped-tokens-provider.component__CarbonScopedTokensProvider",componentId:"sc-40e92382-0"})(["margin:0;padding:0;width:auto;display:inline;",""],(({theme:e})=>r.default(e.compatibility)));s.defaultProps={theme:t.default},exports.default=s;

package/lib/style/design-tokens/carbon-scoped-tokens-provider/index.js

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

package/lib/style/design-tokens/carbon-scoped-tokens-provider/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../../esm/style/design-tokens/carbon-scoped-tokens-provider/index.js",
   "main": "./index.js",
+  "module": "../../../esm/style/design-tokens/carbon-scoped-tokens-provider/index.js",
   "types": "./index.d.ts"
 }

package/lib/style/design-tokens/generate-css-variables.util.js

@@ -1,16 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-/**
- *
- * Converts theme properties to the string in form of css variable definitions.
- * Then this string can be used as variable definitions in global or local
- * scope, which allows for achieving compatibility when using design tokens in
- * form of CSS variables along with styled-components ThemeProvider.
- *
- */
-var _default = theme => Object.entries(theme).map(([key, value]) => `--${key}: ${value};`).join("\r\n");
-exports.default = _default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=e=>Object.entries(e).map((([e,t])=>`--${e}: ${t};`)).join("\r\n");

package/lib/style/global-style.js

@@ -1,35 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = require("styled-components");
-var _focusTrap = require("../__internal__/focus-trap/focus-trap.component");
-const GlobalStyle = (0, _styledComponents.createGlobalStyle)`
-  body {
-    color: rgba(0, 0, 0, 0.9);
-    font-family: "Sage UI", sans-serif;
-    font-size: 14px;
-    margin: 0px;
-    padding: 0px;
-    text-rendering: optimizeLegibility;
-    -webkit-font-smoothing: antialiased;
-  }
-
-  button, input, select, textarea {
-    font-family: inherit;
-  }
-
-  h1, .h1 { font-size: 24px; font-weight: 700; line-height: 32px; }
-  h2, .h2 { font-size: 22px; font-weight: 500; margin-bottom: 26px; }
-  h3, .h3 { font-size: 20px; font-weight: 500; margin-bottom: 24px; }
-  h4, .h4 { font-size: 18px; font-weight: 500; margin-bottom: 22px; }
-  h5, .h5 { font-size: 16px; font-weight: 500; margin-bottom: 20px; }
-  h6, .h6 { font-size: 14px; font-weight: 500; margin-bottom: 18px; }
-
-  [data-element=${_focusTrap.TAB_GUARD_TOP}], [data-element=${_focusTrap.TAB_GUARD_BOTTOM}] {
-    position: fixed;
-  }
-`;
-var _default = exports.default = GlobalStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("../__internal__/focus-trap/focus-trap.component.js");const o=t.createGlobalStyle(['body{color:rgba(0,0,0,0.9);font-family:"Sage UI",sans-serif;font-size:14px;margin:0px;padding:0px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}button,input,select,textarea{font-family:inherit;}h1,.h1{font-size:24px;font-weight:700;line-height:32px;}h2,.h2{font-size:22px;font-weight:500;margin-bottom:26px;}h3,.h3{font-size:20px;font-weight:500;margin-bottom:24px;}h4,.h4{font-size:18px;font-weight:500;margin-bottom:22px;}h5,.h5{font-size:16px;font-weight:500;margin-bottom:20px;}h6,.h6{font-size:14px;font-weight:500;margin-bottom:18px;}[data-element=',"],[data-element=","]{position:fixed;}"],e.TAB_GUARD_TOP,e.TAB_GUARD_BOTTOM);exports.default=o;

package/lib/style/palette/index.js

@@ -1,46 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _tint = _interopRequireDefault(require("../utils/tint"));
-var _shade = _interopRequireDefault(require("../utils/shade"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const cachedFunc = cb => (cache = {}) => weight => {
-  if (cache[weight]) {
-    return cache[weight];
-  }
-  const color = cb(weight);
-  cache[weight] = color;
-  return color;
-};
-
-/**
- * Takes a config object of base colors and, for each base, generates functions
- * to lighten and darken it.
- *
- * Given a config:
- *
- * const palette = generatePalette({ brilliantGreen: '00DC00' });
- *
- * The developer will be able to call:
- *
- * palette.brilliantGreenTint(n);
- * palette.brilliantGreenShade(n);
- *
- * where `n` is the degree of white (in case of `tint`) or
- * black (in case of `shade`) they wish to mix into the base color.
- */
-const generatePalette = config => {
-  const baseNames = Object.keys(config);
-  const funcs = baseNames.reduce((acc, baseName) => {
-    const tintBy = (0, _tint.default)(config[baseName]),
-      shadeBy = (0, _shade.default)(config[baseName]);
-    acc[`${baseName}Tint`] = cachedFunc(tintBy)();
-    acc[`${baseName}Shade`] = cachedFunc(shadeBy)();
-    return acc;
-  }, {});
-  return funcs;
-};
-var _default = exports.default = generatePalette;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../utils/tint.js"),t=require("../utils/shade.js");const r=e=>(t={})=>r=>{if(t[r])return t[r];const s=e(r);return t[r]=s,s};exports.default=s=>Object.keys(s).reduce(((u,i)=>{const n=e.default(s[i]),d=t.default(s[i]);return u[`${i}Tint`]=r(n)(),u[`${i}Shade`]=r(d)(),u}),{});

package/lib/style/palette/package.json

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

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

@@ -1,66 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.space = exports.default = void 0;
-var _common = _interopRequireDefault(require("@sage/design-tokens/js/base/common"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const space = exports.space = ["var(--spacing000)", "var(--spacing100)", "var(--spacing200)", "var(--spacing300)", "var(--spacing400)", "var(--spacing500)", "var(--spacing600)", "var(--spacing700)", "var(--spacing800)", "var(--spacing900)", "var(--spacing1000)"];
-var _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 {
-        ..._common.default,
-        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
-      };
-    }
-  };
-};
-exports.default = _default;
+"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var r=e(require("@sage/design-tokens/js/base/common"));function o(e,r,o){return r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}const t=["var(--spacing000)","var(--spacing100)","var(--spacing200)","var(--spacing300)","var(--spacing400)","var(--spacing500)","var(--spacing600)","var(--spacing700)","var(--spacing800)","var(--spacing900)","var(--spacing1000)"];exports.default=e=>({name:"base",palette:e,spacing:8,space:t,colors:{primary:e.genericGreenShade(15),secondary:e.genericGreenShade(35),tertiary:e.genericGreenShade(55),loadingBarBackground:e.genericGreenTint(70),white:"#FFFFFF",error:e.errorRed,focus:e.gold,info:e.productBlueShade(3),warning:e.carrotOrange,warningText:e.carrotOrangeShade(20),destructive:{hover:e.errorRedShade(20)},placeholder:e.blackOpacity(.55)},disabled:{background:e.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 e,t,n,a;return n=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){o(e,r,t[r])}))}return e}({},r.default),a=null!=(a={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===(e=t.destructive)||void 0===e?void 0:e.hover,colorsSemanticCaution500:this.colors.warning,colorsSemanticInfo500:this.colors.info})?a:{},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(a)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r.push.apply(r,o)}return r}(Object(a)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(a,e))})),n}}),exports.space=t;

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

@@ -1,33 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.mergeWithBase = exports.default = void 0;
-var _baseTheme = _interopRequireDefault(require("./base-theme.config"));
-var _colorConfig = _interopRequireDefault(require("../../color-config"));
-var _atOpacity = _interopRequireDefault(require("../../utils/at-opacity"));
-var _mergeDeep = require("../../utils/merge-deep");
-var _palette = _interopRequireDefault(require("../../palette"));
-var _addHexSymbols = _interopRequireDefault(require("../../utils/add-hex-symbols"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const colors = (0, _palette.default)(_colorConfig.default);
-const colorsWithHex = (0, _addHexSymbols.default)(_colorConfig.default);
-const blackOpacity = (0, _atOpacity.default)("#000000");
-const whiteOpacity = (0, _atOpacity.default)("#FFFFFF");
-const palette = {
-  ...colors,
-  ...colorsWithHex,
-  blackOpacity,
-  whiteOpacity
-};
-const baseTheme = (0, _baseTheme.default)(palette);
-var _default = exports.default = baseTheme;
-const mergeWithBase = configureTheme => {
-  const themeToMergeWithBase = configureTheme(palette);
-  return {
-    ...(0, _mergeDeep.mergeDeep)(baseTheme, themeToMergeWithBase),
-    palette
-  };
-};
-exports.mergeWithBase = mergeWithBase;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./base-theme.config.js"),t=require("../../color-config/index.js"),r=require("../../utils/at-opacity.js"),n=require("../../utils/merge-deep.js"),o=require("../../palette/index.js"),c=require("../../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 u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.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 l=o.default(t.default),a=c.default(t.default),p=r.default("#000000"),f=r.default("#FFFFFF"),b=s(u({},l,a),{blackOpacity:p,whiteOpacity:f}),O=e.default(b);exports.default=O,exports.mergeWithBase=e=>{const t=e(b);return s(u({},n.mergeDeep(O,t)),{palette:b})};

package/lib/style/themes/base/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../../esm/style/themes/base/index.js",
   "main": "./index.js",
+  "module": "../../../esm/style/themes/base/index.js",
   "types": "./index.d.ts"
 }