@nulogy/components 14.6.1 → 14.7.0

package/dist/main.js

@@ -9813,7 +9813,8 @@
       componentId: "sc-150w9kl-1"
     })({
       position: "absolute",
-      top: 0
+      inset: 0,
+      margin: "auto"
     });
     var IconContainer = styled__default["default"].span.withConfig({
       displayName: "Icon__IconContainer",
@@ -9825,11 +9826,13 @@
       height: "1em",
       width: ICON_SIZE_RATIO + "em"
     });
-    function InlineIcon(props) {
-      return /*#__PURE__*/React__default["default"].createElement(IconContainer, Object.assign({}, props), /*#__PURE__*/React__default["default"].createElement(CenteredIcon, Object.assign({
+    var InlineIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+      return /*#__PURE__*/React__default["default"].createElement(IconContainer, Object.assign({
+        ref: ref
+      }, props), /*#__PURE__*/React__default["default"].createElement(CenteredIcon, Object.assign({
         size: ICON_SIZE_RATIO + "em"
       }, props)));
-    }
+    });
     var InputIcon = styled__default["default"](Icon).withConfig({
       displayName: "Icon__InputIcon",
       componentId: "sc-150w9kl-3"
@@ -51639,6 +51642,7 @@
       de_DE: de,
       en_US: enUS,
       es_MX: es,
+      es_ES: es,
       fr_FR: fr,
       nl_NL: nl,
       pl_PL: pl,
@@ -51682,6 +51686,10 @@
       label: "Simplified Chinese (China)",
       value: "zh_CN",
       dateFnsValue: NDS_TO_DATE_FN_LOCALES_MAP.zh_CN
+    }, {
+      label: "Spanish (Spain)",
+      value: "es_ES",
+      dateFnsValue: NDS_TO_DATE_FN_LOCALES_MAP.es_ES
     }];
 
     var LocaleContext = /*#__PURE__*/React__default["default"].createContext({
@@ -58618,6 +58626,54 @@
       "weekPicker placeholder": "W52 - Dec 31, 2023",
       "week shorthand": "W"
     };
+    var es_ES = {
+      "close menu": "Cerrar men\xFA",
+      "menu options": "Opciones del men\xFA",
+      close: "Cerrar",
+      "collapse row": "Contraer fila",
+      "date range": "Rango de fechas",
+      "deselect all rows": "Deseleccionar todas las filas",
+      "deselect row": "Deseleccionar fila",
+      "end date is before start date": "La fecha de fin es anterior a la fecha de inicio",
+      "end month is before start month": "El mes de fin es anterior al mes de inicio",
+      "end time is before start time": "La hora de fin es anterior a la hora de inicio",
+      "expand row": "Expandir fila",
+      "go to previous year": "Ir al a\xF1o anterior",
+      "go to next year": "Ir al a\xF1o siguiente",
+      "go to next results": "Ir a los siguientes resultados",
+      "go to page": "Ir a la p\xE1gina {{count}}",
+      "current page of total": "P\xE1gina {{currentPage}} de {{totalPages}}",
+      "go to previous results": "Ir a los resultados anteriores",
+      "go to": "Ir a",
+      "hide actions": "Ocultar acciones",
+      "month range": "Rango de meses",
+      next: "Siguiente",
+      "open menu": "Abrir men\xFA",
+      open: "Abrir",
+      "pagination navigation": "Navegaci\xF3n de paginaci\xF3n",
+      previous: "Anterior",
+      "primary navigation": "Navegaci\xF3n principal",
+      "search nulogy": "Buscar en Nulogy...",
+      "secondary navigation": "Navegaci\xF3n secundaria",
+      select: "Seleccionar",
+      "start typing": "Empieza a escribir",
+      "select a start date": "Selecciona una fecha de inicio",
+      "select a start month": "Selecciona un mes de inicio",
+      "select a start time": "Selecciona una hora de inicio",
+      "select a time": "Selecciona una hora",
+      "select all rows": "Seleccionar todas las filas",
+      "select an end date": "Selecciona una fecha de fin",
+      "select an end month": "Selecciona un mes de fin",
+      "select an end time": "Selecciona una hora de fin",
+      "select row": "Seleccionar fila",
+      "show actions": "Mostrar acciones",
+      "sort ascending": "Ordenar ascendente",
+      "sort descending": "Ordenar descendente",
+      "time range": "Rango horario",
+      "weekPicker date format": "'S'ww - d MMM, yyyy",
+      "weekPicker placeholder": "S52 - 31 dic, 2023",
+      "week shorthand": "S"
+    };
     var es_MX = {
       "close menu": "Cerrar men\xFA",
       "menu options": "Opciones del men\xFA",
@@ -58634,6 +58690,7 @@
       "go to next year": "Ir al a\xF1o siguiente",
       "go to next results": "Ir a los resultados siguientes",
       "go to page": "Ir a la p\xE1gina {{count}}",
+      "current page of total": "P\xE1gina {{currentPage}} de {{totalPages}}",
       "go to previous results": "Ir a los resultados anteriores",
       "go to": "Ir a",
       "hide actions": "Ocultar acciones",
@@ -58965,6 +59022,9 @@
       es_MX: {
         nds: es_MX
       },
+      es_ES: {
+        nds: es_ES
+      },
       fr_FR: {
         nds: fr_FR
       },

package/dist/main.module.js

@@ -9796,7 +9796,8 @@ var CenteredIcon = styled(Svg$1).withConfig({
   componentId: "sc-150w9kl-1"
 })({
   position: "absolute",
-  top: 0
+  inset: 0,
+  margin: "auto"
 });
 var IconContainer = styled.span.withConfig({
   displayName: "Icon__IconContainer",
@@ -9808,11 +9809,13 @@ var IconContainer = styled.span.withConfig({
   height: "1em",
   width: ICON_SIZE_RATIO + "em"
 });
-function InlineIcon(props) {
-  return /*#__PURE__*/React__default.createElement(IconContainer, Object.assign({}, props), /*#__PURE__*/React__default.createElement(CenteredIcon, Object.assign({
+var InlineIcon = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React__default.createElement(IconContainer, Object.assign({
+    ref: ref
+  }, props), /*#__PURE__*/React__default.createElement(CenteredIcon, Object.assign({
     size: ICON_SIZE_RATIO + "em"
   }, props)));
-}
+});
 var InputIcon = styled(Icon).withConfig({
   displayName: "Icon__InputIcon",
   componentId: "sc-150w9kl-3"
@@ -51622,6 +51625,7 @@ var NDS_TO_DATE_FN_LOCALES_MAP = {
   de_DE: de,
   en_US: enUS,
   es_MX: es,
+  es_ES: es,
   fr_FR: fr,
   nl_NL: nl,
   pl_PL: pl,
@@ -51665,6 +51669,10 @@ var ALL_NDS_LOCALES = [{
   label: "Simplified Chinese (China)",
   value: "zh_CN",
   dateFnsValue: NDS_TO_DATE_FN_LOCALES_MAP.zh_CN
+}, {
+  label: "Spanish (Spain)",
+  value: "es_ES",
+  dateFnsValue: NDS_TO_DATE_FN_LOCALES_MAP.es_ES
 }];
 
 var LocaleContext = /*#__PURE__*/React__default.createContext({
@@ -58601,6 +58609,54 @@ var en_US = {
   "weekPicker placeholder": "W52 - Dec 31, 2023",
   "week shorthand": "W"
 };
+var es_ES = {
+  "close menu": "Cerrar men\xFA",
+  "menu options": "Opciones del men\xFA",
+  close: "Cerrar",
+  "collapse row": "Contraer fila",
+  "date range": "Rango de fechas",
+  "deselect all rows": "Deseleccionar todas las filas",
+  "deselect row": "Deseleccionar fila",
+  "end date is before start date": "La fecha de fin es anterior a la fecha de inicio",
+  "end month is before start month": "El mes de fin es anterior al mes de inicio",
+  "end time is before start time": "La hora de fin es anterior a la hora de inicio",
+  "expand row": "Expandir fila",
+  "go to previous year": "Ir al a\xF1o anterior",
+  "go to next year": "Ir al a\xF1o siguiente",
+  "go to next results": "Ir a los siguientes resultados",
+  "go to page": "Ir a la p\xE1gina {{count}}",
+  "current page of total": "P\xE1gina {{currentPage}} de {{totalPages}}",
+  "go to previous results": "Ir a los resultados anteriores",
+  "go to": "Ir a",
+  "hide actions": "Ocultar acciones",
+  "month range": "Rango de meses",
+  next: "Siguiente",
+  "open menu": "Abrir men\xFA",
+  open: "Abrir",
+  "pagination navigation": "Navegaci\xF3n de paginaci\xF3n",
+  previous: "Anterior",
+  "primary navigation": "Navegaci\xF3n principal",
+  "search nulogy": "Buscar en Nulogy...",
+  "secondary navigation": "Navegaci\xF3n secundaria",
+  select: "Seleccionar",
+  "start typing": "Empieza a escribir",
+  "select a start date": "Selecciona una fecha de inicio",
+  "select a start month": "Selecciona un mes de inicio",
+  "select a start time": "Selecciona una hora de inicio",
+  "select a time": "Selecciona una hora",
+  "select all rows": "Seleccionar todas las filas",
+  "select an end date": "Selecciona una fecha de fin",
+  "select an end month": "Selecciona un mes de fin",
+  "select an end time": "Selecciona una hora de fin",
+  "select row": "Seleccionar fila",
+  "show actions": "Mostrar acciones",
+  "sort ascending": "Ordenar ascendente",
+  "sort descending": "Ordenar descendente",
+  "time range": "Rango horario",
+  "weekPicker date format": "'S'ww - d MMM, yyyy",
+  "weekPicker placeholder": "S52 - 31 dic, 2023",
+  "week shorthand": "S"
+};
 var es_MX = {
   "close menu": "Cerrar men\xFA",
   "menu options": "Opciones del men\xFA",
@@ -58617,6 +58673,7 @@ var es_MX = {
   "go to next year": "Ir al a\xF1o siguiente",
   "go to next results": "Ir a los resultados siguientes",
   "go to page": "Ir a la p\xE1gina {{count}}",
+  "current page of total": "P\xE1gina {{currentPage}} de {{totalPages}}",
   "go to previous results": "Ir a los resultados anteriores",
   "go to": "Ir a",
   "hide actions": "Ocultar acciones",
@@ -58948,6 +59005,9 @@ var resources = {
   es_MX: {
     nds: es_MX
   },
+  es_ES: {
+    nds: es_ES
+  },
   fr_FR: {
     nds: fr_FR
   },

package/dist/src/Icon/Icon.d.ts

@@ -11,6 +11,6 @@ export interface IconProps extends SpaceProps {
     style?: React.CSSProperties;
 }
 declare const Icon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<IconProps & React.RefAttributes<SVGSVGElement>, IconProps>> & string & Omit<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>, keyof React.Component<any, {}, any>>;
-export declare function InlineIcon(props: IconProps): React.JSX.Element;
+export declare const InlineIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLSpanElement>>;
 export declare const InputIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<IconProps & React.RefAttributes<SVGSVGElement>, keyof IconProps> & IconProps, PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>>> & string;
 export default Icon;

package/dist/src/locale.story.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const LocaleTable: () => React.JSX.Element;

package/dist/src/locales.const.d.ts

@@ -2,6 +2,7 @@ export declare const NDS_TO_DATE_FN_LOCALES_MAP: {
     readonly de_DE: Locale;
     readonly en_US: Locale;
     readonly es_MX: Locale;
+    readonly es_ES: Locale;
     readonly fr_FR: Locale;
     readonly nl_NL: Locale;
     readonly pl_PL: Locale;
@@ -9,8 +10,44 @@ export declare const NDS_TO_DATE_FN_LOCALES_MAP: {
     readonly ro_RO: Locale;
     readonly zh_CN: Locale;
 };
-export declare const ALL_NDS_LOCALES: {
-    label: string;
-    value: string;
-    dateFnsValue: Locale;
-}[];
+export declare const ALL_NDS_LOCALES: readonly [{
+    readonly label: "German (Germany)";
+    readonly value: "de_DE";
+    readonly dateFnsValue: Locale;
+}, {
+    readonly label: "English (US)";
+    readonly value: "en_US";
+    readonly dateFnsValue: Locale;
+}, {
+    readonly label: "Spanish (Mexico)";
+    readonly value: "es_MX";
+    readonly dateFnsValue: Locale;
+}, {
+    readonly label: "France (French)";
+    readonly value: "fr_FR";
+    readonly dateFnsValue: Locale;
+}, {
+    readonly label: "Dutch (Netherlands)";
+    readonly value: "nl_NL";
+    readonly dateFnsValue: Locale;
+}, {
+    readonly label: "Polish (Poland)";
+    readonly value: "pl_PL";
+    readonly dateFnsValue: Locale;
+}, {
+    readonly label: "Portuguese (Brazil)";
+    readonly value: "pt_BR";
+    readonly dateFnsValue: Locale;
+}, {
+    readonly label: "Romanian (Romania)";
+    readonly value: "ro_RO";
+    readonly dateFnsValue: Locale;
+}, {
+    readonly label: "Simplified Chinese (China)";
+    readonly value: "zh_CN";
+    readonly dateFnsValue: Locale;
+}, {
+    readonly label: "Spanish (Spain)";
+    readonly value: "es_ES";
+    readonly dateFnsValue: Locale;
+}];

package/dist/src/utils/story/resizable.d.ts

@@ -6,14 +6,14 @@ interface ResizableProps {
     showContainerOutline?: boolean;
 }
 export declare const Resizable: ({ children, containerWidth, onResize, showContainerOutline, }: ResizableProps) => React.JSX.Element;
-export declare const WidthText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "disabled" | "inline" | "compact" | keyof React.HTMLAttributes<HTMLParagraphElement> | keyof import("../..").StyledProps | "textTransform"> & React.HTMLAttributes<HTMLParagraphElement> & {
+export declare const WidthText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "disabled" | "inline" | "compact" | keyof React.HTMLAttributes<HTMLParagraphElement> | "textTransform" | keyof import("../..").StyledProps> & React.HTMLAttributes<HTMLParagraphElement> & {
     variant?: import("../../NDSProvider/ComponentVariantContext").ComponentVariant;
     inline?: boolean;
     compact?: boolean;
     disabled?: boolean;
     textTransform?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "full-width" | "capitalize" | "full-size-kana" | "lowercase" | "uppercase";
     fontSize?: string;
-} & import("../..").StyledProps & import("framer-motion").MotionProps, "ref"> & React.RefAttributes<HTMLElement | SVGElement>, never>> & string & Omit<import("framer-motion").CustomDomComponent<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "disabled" | "inline" | "compact" | keyof React.HTMLAttributes<HTMLParagraphElement> | keyof import("../..").StyledProps | "textTransform"> & React.HTMLAttributes<HTMLParagraphElement> & {
+} & import("../..").StyledProps & import("framer-motion").MotionProps, "ref"> & React.RefAttributes<HTMLElement | SVGElement>, never>> & string & Omit<import("framer-motion").CustomDomComponent<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "disabled" | "inline" | "compact" | keyof React.HTMLAttributes<HTMLParagraphElement> | "textTransform" | keyof import("../..").StyledProps> & React.HTMLAttributes<HTMLParagraphElement> & {
     variant?: import("../../NDSProvider/ComponentVariantContext").ComponentVariant;
     inline?: boolean;
     compact?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "14.6.1",
+  "version": "14.7.0",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {