@dialpad/dialtone 9.104.2 → 9.105.0-rebrand-2025-beta.2

package/dist/tokens/tokens-tmo-light.json

@@ -1,118 +1,162 @@
 {
   "dtSizeBorderFocus": "0.1875rem",
-  "dtColorForegroundPrimary": "#000000",
+  "dtColorForegroundPrimary": "#1C1C1C",
   "dtColorForegroundSecondary": "#3A3A3A",
-  "dtColorForegroundTertiary": "#555555",
-  "dtColorForegroundMuted": "#222222",
+  "dtColorForegroundTertiary": "#535353",
+  "dtColorForegroundMuted": "#000000",
   "dtColorForegroundPlaceholder": "#808080",
   "dtColorForegroundDisabled": "#808080",
-  "dtColorForegroundCritical": "#EC0E0E",
-  "dtColorForegroundCriticalStrong": "#B70B0B",
-  "dtColorForegroundSuccess": "#1AA340",
-  "dtColorForegroundSuccessStrong": "#124620",
+  "dtColorForegroundCritical": "#D90A45",
+  "dtColorForegroundCriticalStrong": "#AF0032",
+  "dtColorForegroundSuccess": "#008E52",
+  "dtColorForegroundSuccessStrong": "#004F2E",
   "dtColorForegroundWarning": "#815008",
-  "dtColorForegroundPrimaryInverted": "#ffffff",
+  "dtColorForegroundPrimaryInverted": "#F9F9F9",
   "dtColorForegroundSecondaryInverted": "#E9E9E9",
   "dtColorForegroundTertiaryInverted": "#D2D2D2",
-  "dtColorForegroundMutedInverted": "#E9E9E9",
-  "dtColorForegroundPlaceholderInverted": "#808080",
-  "dtColorForegroundDisabledInverted": "#808080",
-  "dtColorForegroundCriticalInverted": "#FF8585",
-  "dtColorForegroundCriticalStrongInverted": "#FF8585",
-  "dtColorForegroundSuccessInverted": "#B0FFA3",
-  "dtColorForegroundSuccessStrongInverted": "#B0FFA3",
-  "dtColorForegroundWarningInverted": "#FFF4CC",
+  "dtColorForegroundMutedInverted": "#F9F9F9",
+  "dtColorForegroundPlaceholderInverted": "#AAAAAA",
+  "dtColorForegroundDisabledInverted": "#AAAAAA",
+  "dtColorForegroundCriticalInverted": "#FF716F",
+  "dtColorForegroundCriticalStrongInverted": "#FFABA4",
+  "dtColorForegroundSuccessInverted": "#AEFB3C",
+  "dtColorForegroundSuccessStrongInverted": "#DBFFA9",
+  "dtColorForegroundWarningInverted": "#FF9E0E",
   "dtColorLinkPrimary": "#7C52FF",
-  "dtColorLinkCritical": "#EC0E0E",
-  "dtColorLinkSuccess": "#1AA340",
+  "dtColorLinkPrimaryHover": "#5023DD",
+  "dtColorLinkCritical": "#D90A45",
+  "dtColorLinkCriticalHover": "#AF0032",
+  "dtColorLinkSuccess": "#008E52",
+  "dtColorLinkSuccessHover": "#004F2E",
   "dtColorLinkWarning": "#815008",
+  "dtColorLinkWarningHover": "#533204",
   "dtColorLinkMuted": "#3A3A3A",
+  "dtColorLinkMutedHover": "#1C1C1C",
   "dtColorLinkDisabled": "#808080",
-  "dtColorLinkPrimaryInverted": "#AB7EFF",
-  "dtColorLinkCriticalInverted": "#FF8585",
-  "dtColorLinkSuccessInverted": "#B0FFA3",
-  "dtColorLinkWarningInverted": "#FFF4CC",
-  "dtColorLinkMutedInverted": "#E9E9E9",
-  "dtColorLinkDisabledInverted": "#808080",
-  "dtColorLinkPrimaryHover": "#3A1D95",
-  "dtColorLinkCriticalHover": "#B70B0B",
-  "dtColorLinkSuccessHover": "#124620",
-  "dtColorLinkWarningHover": "#555555",
-  "dtColorLinkMutedHover": "#000000",
   "dtColorLinkDisabledHover": "#808080",
-  "dtColorLinkPrimaryInvertedHover": "#DAC7FF",
-  "dtColorLinkCriticalInvertedHover": "#FF8585",
-  "dtColorLinkSuccessInvertedHover": "#B0FFA3",
-  "dtColorLinkWarningInvertedHover": "#F9F9F9",
+  "dtColorLinkPrimaryInverted": "#BBA6FC",
+  "dtColorLinkPrimaryInvertedHover": "#D3BCFF",
+  "dtColorLinkCriticalInverted": "#FF716F",
+  "dtColorLinkCriticalInvertedHover": "#FFABA4",
+  "dtColorLinkSuccessInverted": "#AEFB3C",
+  "dtColorLinkSuccessInvertedHover": "#DBFFA9",
+  "dtColorLinkWarningInverted": "#FF9E0E",
+  "dtColorLinkWarningInvertedHover": "#FFDB80",
+  "dtColorLinkMutedInverted": "#E9E9E9",
   "dtColorLinkMutedInvertedHover": "#F9F9F9",
-  "dtColorLinkDisabledInvertedHover": "#808080",
-  "dtColorSurfaceSecondaryOpaque": "#000000",
-  "dtColorSurfaceModerateOpaque": "#000000",
-  "dtColorSurfaceBoldOpaque": "#000000",
-  "dtColorSurfaceStrongOpaque": "#000000",
-  "dtColorSurfaceContrastOpaque": "#000000",
-  "dtColorSurfaceBackdrop": "#000000",
-  "dtColorSurfaceCriticalOpaque": "#EC0E0E",
-  "dtColorSurfaceCriticalSubtleOpaque": "#EC0E0E",
-  "dtColorSurfaceWarningOpaque": "#FFDB80",
-  "dtColorSurfaceWarningSubtleOpaque": "#FFDB80",
-  "dtColorSurfaceSuccessOpaque": "#1AA340",
-  "dtColorSurfaceSuccessSubtleOpaque": "#1AA340",
-  "dtColorSurfaceInfoOpaque": "#1768C6",
-  "dtColorSurfaceInfoSubtleOpaque": "#1768C6",
+  "dtColorLinkDisabledInverted": "#AAAAAA",
+  "dtColorLinkDisabledInvertedHover": "#AAAAAA",
   "dtColorSurfacePrimary": "#ffffff",
   "dtColorSurfaceSecondary": "#F9F9F9",
   "dtColorSurfaceModerate": "#E9E9E9",
   "dtColorSurfaceBold": "#D2D2D2",
-  "dtColorSurfaceStrong": "#555555",
-  "dtColorSurfaceContrast": "#222222",
+  "dtColorSurfaceStrong": "#535353",
+  "dtColorSurfaceContrast": "#252525",
   "dtColorSurfaceCritical": "#FFE5E6",
-  "dtColorSurfaceCriticalSubtle": "#FFE5E6",
-  "dtColorSurfaceCriticalStrong": "#B70B0B",
   "dtColorSurfaceWarning": "#FFF4CC",
-  "dtColorSurfaceWarningSubtle": "#FFF4CC",
-  "dtColorSurfaceWarningStrong": "#FFDB80",
   "dtColorSurfaceSuccess": "#EDF9EB",
-  "dtColorSurfaceSuccessSubtle": "#EDF9EB",
-  "dtColorSurfaceSuccessStrong": "#1AA340",
   "dtColorSurfaceInfo": "#EAF2FA",
-  "dtColorSurfaceInfoSubtle": "#EAF2FA",
+  "dtColorSurfaceBrand": "#F5F0FF",
+  "dtColorSurfaceCriticalSubtle": "#FFF2F3",
+  "dtColorSurfaceWarningSubtle": "#fffae5",
+  "dtColorSurfaceSuccessSubtle": "#f6fcf5",
+  "dtColorSurfaceInfoSubtle": "#f5f9fd",
+  "dtColorSurfaceBrandSubtle": "#f9f6ff",
+  "dtColorSurfaceCriticalStrong": "#D90A45",
+  "dtColorSurfaceWarningStrong": "#FFBD48",
+  "dtColorSurfaceSuccessStrong": "#008E52",
   "dtColorSurfaceInfoStrong": "#1768C6",
-  "dtColorBorderSubtle": "#000000",
-  "dtColorBorderDefault": "#000000",
-  "dtColorBorderModerate": "#000000",
-  "dtColorBorderBold": "#000000",
+  "dtColorSurfaceBrandStrong": "#7C52FF",
+  "dtColorSurfacePrimaryOpaque": "#ffffff",
+  "dtColorSurfaceSecondaryOpaque": "#1C1C1C",
+  "dtColorSurfaceModerateOpaque": "#1C1C1C",
+  "dtColorSurfaceBoldOpaque": "#1C1C1C",
+  "dtColorSurfaceStrongOpaque": "#1C1C1C",
+  "dtColorSurfaceContrastOpaque": "#1C1C1C",
+  "dtColorSurfaceCriticalOpaque": "#FFABA4",
+  "dtColorSurfaceWarningOpaque": "#FFE89C",
+  "dtColorSurfaceSuccessOpaque": "#DBFFA9",
+  "dtColorSurfaceInfoOpaque": "#BDE8FF",
+  "dtColorSurfaceBrandOpaque": "#D3BCFF",
+  "dtColorSurfaceCriticalSubtleOpaque": "#FFE5E6",
+  "dtColorSurfaceWarningSubtleOpaque": "#FFF4CC",
+  "dtColorSurfaceSuccessSubtleOpaque": "#EDF9EB",
+  "dtColorSurfaceInfoSubtleOpaque": "#EAF2FA",
+  "dtColorSurfaceBrandSubtleOpaque": "#D3BCFF",
+  "dtColorSurfacePrimaryInverted": "#000000",
+  "dtColorSurfaceSecondaryInverted": "#252525",
+  "dtColorSurfaceModerateInverted": "#3A3A3A",
+  "dtColorSurfaceBoldInverted": "#535353",
+  "dtColorSurfaceStrongInverted": "#AAAAAA",
+  "dtColorSurfaceContrastInverted": "#F9F9F9",
+  "dtColorSurfaceCriticalInverted": "#380010",
+  "dtColorSurfaceWarningInverted": "#2C1B02",
+  "dtColorSurfaceSuccessInverted": "#012717",
+  "dtColorSurfaceInfoInverted": "#001429",
+  "dtColorSurfaceBrandInverted": "#1D0155",
+  "dtColorSurfaceCriticalSubtleInverted": "#1C0108",
+  "dtColorSurfaceWarningSubtleInverted": "#201301",
+  "dtColorSurfaceSuccessSubtleInverted": "#00150D",
+  "dtColorSurfaceInfoSubtleInverted": "#010B16",
+  "dtColorSurfaceBrandSubtleInverted": "#10022C",
+  "dtColorSurfaceCriticalStrongInverted": "#FF716F",
+  "dtColorSurfaceWarningStrongInverted": "#FFDB80",
+  "dtColorSurfaceSuccessStrongInverted": "#AEFB3C",
+  "dtColorSurfaceInfoStrongInverted": "#4AA9EA",
+  "dtColorSurfaceBrandStrongInverted": "#BBA6FC",
+  "dtColorSurfacePrimaryOpaqueInverted": "#000000",
+  "dtColorSurfaceSecondaryOpaqueInverted": "#ffffff",
+  "dtColorSurfaceModerateOpaqueInverted": "#ffffff",
+  "dtColorSurfaceBoldOpaqueInverted": "#ffffff",
+  "dtColorSurfaceStrongOpaqueInverted": "#ffffff",
+  "dtColorSurfaceContrastOpaqueInverted": "#ffffff",
+  "dtColorSurfaceCriticalOpaqueInverted": "#640823",
+  "dtColorSurfaceWarningOpaqueInverted": "#533204",
+  "dtColorSurfaceSuccessOpaqueInverted": "#004F2E",
+  "dtColorSurfaceInfoOpaqueInverted": "#001429",
+  "dtColorSurfaceBrandOpaqueInverted": "#1D0155",
+  "dtColorSurfaceCriticalSubtleOpaqueInverted": "#1C0108",
+  "dtColorSurfaceWarningSubtleOpaqueInverted": "#201301",
+  "dtColorSurfaceSuccessSubtleOpaqueInverted": "#00150D",
+  "dtColorSurfaceInfoSubtleOpaqueInverted": "#010B16",
+  "dtColorSurfaceBrandSubtleOpaqueInverted": "#10022C",
+  "dtColorSurfaceBackdrop": "#000000",
+  "dtColorSurfaceAi": "linear-gradient(140deg, #FF5E2F 0%, #ff1356 25%, #FF1BA4 66%, #9D42EA 100%)",
+  "dtColorBorderSubtle": "#1C1C1C",
+  "dtColorBorderDefault": "#1C1C1C",
+  "dtColorBorderModerate": "#1C1C1C",
+  "dtColorBorderBold": "#1C1C1C",
+  "dtColorBorderCritical": "#D90A45",
+  "dtColorBorderSuccess": "#2EA834",
+  "dtColorBorderWarning": "#FF9E0E",
+  "dtColorBorderBrand": "#7C52FF",
+  "dtColorBorderCriticalSubtle": "#FF716F",
+  "dtColorBorderSuccessSubtle": "#D1FF76",
+  "dtColorBorderWarningSubtle": "#FFDB80",
+  "dtColorBorderBrandSubtle": "#BBA6FC",
+  "dtColorBorderCriticalStrong": "#93173A",
+  "dtColorBorderSuccessStrong": "#004F2E",
+  "dtColorBorderWarningStrong": "#D57F00",
+  "dtColorBorderBrandStrong": "#5023DD",
   "dtColorBorderSubtleInverted": "#ffffff",
   "dtColorBorderDefaultInverted": "#ffffff",
   "dtColorBorderModerateInverted": "#ffffff",
   "dtColorBorderBoldInverted": "#ffffff",
-  "dtColorBorderFocus": "#51A0FE",
-  "dtColorBorderCritical": "#EC0E0E",
-  "dtColorBorderSuccess": "#1AA340",
-  "dtColorBorderWarning": "#D28F2B",
-  "dtColorBorderBrand": "#7C52FF",
-  "dtColorBorderAi": "linear-gradient(135deg, #F9008E 10%, #7C52FF 90%)",
-  "dtColorBorderAccent": "#F9008E",
-  "dtColorBorderCriticalSubtle": "#FF8585",
-  "dtColorBorderCriticalStrong": "#B70B0B",
-  "dtColorBorderSuccessSubtle": "#B0FFA3",
-  "dtColorBorderSuccessStrong": "#124620",
-  "dtColorBorderWarningSubtle": "#FFDB80",
-  "dtColorBorderWarningStrong": "#815008",
-  "dtColorBorderBrandSubtle": "#DAC7FF",
-  "dtColorBorderBrandStrong": "#3A1D95",
-  "dtColorBorderCriticalInverted": "#FF8585",
-  "dtColorBorderSuccessInverted": "#B0FFA3",
-  "dtColorBorderWarningInverted": "#FFDB80",
-  "dtColorBorderBrandInverted": "#7C52FF",
-  "dtColorBorderCriticalSubtleInverted": "#B70B0B",
-  "dtColorBorderCriticalStrongInverted": "#FFE5E6",
-  "dtColorBorderSuccessSubtleInverted": "#1AA340",
-  "dtColorBorderSuccessStrongInverted": "#EDF9EB",
-  "dtColorBorderWarningSubtleInverted": "#D28F2B",
-  "dtColorBorderWarningStrongInverted": "#FFF4CC",
-  "dtColorBorderBrandSubtleInverted": "#3A1D95",
-  "dtColorBorderBrandStrongInverted": "#DAC7FF",
+  "dtColorBorderCriticalInverted": "#FF716F",
+  "dtColorBorderSuccessInverted": "#52C926",
+  "dtColorBorderWarningInverted": "#EA8F07",
+  "dtColorBorderBrandInverted": "#A38FF9",
+  "dtColorBorderCriticalSubtleInverted": "#640823",
+  "dtColorBorderSuccessSubtleInverted": "#004F2E",
+  "dtColorBorderWarningSubtleInverted": "#815008",
+  "dtColorBorderBrandSubtleInverted": "#7C52FF",
+  "dtColorBorderCriticalStrongInverted": "#FFABA4",
+  "dtColorBorderSuccessStrongInverted": "#84EE0B",
+  "dtColorBorderWarningStrongInverted": "#FFDB80",
+  "dtColorBorderBrandStrongInverted": "#D3BCFF",
+  "dtColorBorderFocus": "#2C83D5",
+  "dtColorBorderAi": "linear-gradient(140deg, #FF5E2F 0%, #ff1356 25%, #FF1BA4 66%, #9D42EA 100%)",
+  "dtColorBorderAccent": "#FF1BA4",
   "dtTypographyBodyMdFontFamily": "-apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
   "dtTypographyBodyMdFontWeight": "400",
   "dtTypographyBodyMdLineHeight": "1.6",
@@ -289,15 +333,15 @@
   "dtTypographyInputsXlFontSize": "27px",
   "dtTypographyInputsXlLineHeight": "1.2",
   "dtTypographyButtonXsFontFamily": "-apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
-  "dtTypographyButtonXsFontWeight": "500",
+  "dtTypographyButtonXsFontWeight": "600",
   "dtTypographyButtonXsFontSize": "12px",
   "dtTypographyButtonXsLineHeight": "1.2",
   "dtTypographyButtonSmFontFamily": "-apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
-  "dtTypographyButtonSmFontWeight": "500",
+  "dtTypographyButtonSmFontWeight": "600",
   "dtTypographyButtonSmFontSize": "12px",
   "dtTypographyButtonSmLineHeight": "1.2",
   "dtTypographyButtonMdFontFamily": "-apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
-  "dtTypographyButtonMdFontWeight": "500",
+  "dtTypographyButtonMdFontWeight": "600",
   "dtTypographyButtonMdFontSize": "15px",
   "dtTypographyButtonMdLineHeight": "1.2",
   "dtTypographyButtonLgFontFamily": "-apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
@@ -333,69 +377,70 @@
   "dtInputsColorForegroundDefault": "#3A3A3A",
   "dtInputsColorForegroundPlaceholder": "#808080",
   "dtInputsColorForegroundDisabled": "#808080",
-  "dtInputsColorBorderDefault": "#000000",
-  "dtInputsColorBorderFocus": "#51A0FE",
-  "dtInputsColorBorderCritical": "#EC0E0E",
-  "dtInputsColorBorderSuccess": "#1AA340",
-  "dtInputsColorBorderWarning": "#D28F2B",
+  "dtInputsColorBorderDefault": "#1C1C1C",
+  "dtInputsColorBorderHover": "#1C1C1C",
+  "dtInputsColorBorderFocus": "#2C83D5",
+  "dtInputsColorBorderCritical": "#D90A45",
+  "dtInputsColorBorderSuccess": "#2EA834",
+  "dtInputsColorBorderWarning": "#FF9E0E",
   "dtInputsColorBorderDisabled": "transparent",
-  "dtInputsColorBackgroundDefault": "#000000",
-  "dtInputsColorBackgroundFocus": "#000000",
-  "dtInputsColorBackgroundDisabled": "#000000",
+  "dtInputsColorBackgroundDefault": "#1C1C1C",
+  "dtInputsColorBackgroundFocus": "#F9F9F9",
+  "dtInputsColorBackgroundDisabled": "#1C1C1C",
   "dtActionColorForegroundBaseDefault": "#7C52FF",
-  "dtActionColorForegroundBaseHover": "#7C52FF",
-  "dtActionColorForegroundBaseActive": "#7C52FF",
+  "dtActionColorForegroundBaseHover": "#5023DD",
+  "dtActionColorForegroundBaseActive": "#5023DD",
   "dtActionColorForegroundBasePrimaryDefault": "#ffffff",
-  "dtActionColorForegroundCriticalDefault": "#EC0E0E",
-  "dtActionColorForegroundCriticalHover": "#EC0E0E",
-  "dtActionColorForegroundCriticalActive": "#EC0E0E",
+  "dtActionColorForegroundCriticalDefault": "#D90A45",
+  "dtActionColorForegroundCriticalHover": "#AF0032",
+  "dtActionColorForegroundCriticalActive": "#AF0032",
   "dtActionColorForegroundCriticalPrimaryDefault": "#ffffff",
-  "dtActionColorForegroundInvertedDefault": "#ffffff",
-  "dtActionColorForegroundInvertedHover": "#ffffff",
-  "dtActionColorForegroundInvertedActive": "#ffffff",
+  "dtActionColorForegroundInvertedDefault": "#F9F9F9",
+  "dtActionColorForegroundInvertedHover": "#F9F9F9",
+  "dtActionColorForegroundInvertedActive": "#F9F9F9",
   "dtActionColorForegroundInvertedPrimaryDefault": "#7C52FF",
-  "dtActionColorForegroundInvertedPrimaryHover": "#3A1D95",
-  "dtActionColorForegroundInvertedPrimaryActive": "#3A1D95",
+  "dtActionColorForegroundInvertedPrimaryHover": "#5023DD",
+  "dtActionColorForegroundInvertedPrimaryActive": "#5023DD",
   "dtActionColorForegroundMutedDefault": "#3A3A3A",
-  "dtActionColorForegroundMutedHover": "#3A3A3A",
-  "dtActionColorForegroundMutedActive": "#3A3A3A",
+  "dtActionColorForegroundMutedHover": "#1C1C1C",
+  "dtActionColorForegroundMutedActive": "#1C1C1C",
   "dtActionColorForegroundDisabledDefault": "#808080",
-  "dtActionColorForegroundPositiveDefault": "#1AA340",
-  "dtActionColorForegroundPositiveHover": "#1AA340",
-  "dtActionColorForegroundPositiveActive": "#1AA340",
+  "dtActionColorForegroundPositiveDefault": "#008E52",
+  "dtActionColorForegroundPositiveHover": "#004F2E",
+  "dtActionColorForegroundPositiveActive": "#004F2E",
   "dtActionColorForegroundPositivePrimaryDefault": "#ffffff",
   "dtActionColorBackgroundBaseDefault": "transparent",
-  "dtActionColorBackgroundBaseHover": "#7C52FF",
-  "dtActionColorBackgroundBaseActive": "#7C52FF",
+  "dtActionColorBackgroundBaseHover": "#D3BCFF",
+  "dtActionColorBackgroundBaseActive": "#D3BCFF",
   "dtActionColorBackgroundBasePrimaryDefault": "#7C52FF",
-  "dtActionColorBackgroundBasePrimaryHover": "#7C52FF",
-  "dtActionColorBackgroundBasePrimaryActive": "#7C52FF",
+  "dtActionColorBackgroundBasePrimaryHover": "#6538F1",
+  "dtActionColorBackgroundBasePrimaryActive": "#5023DD",
   "dtActionColorBackgroundCriticalDefault": "transparent",
-  "dtActionColorBackgroundCriticalHover": "#EC0E0E",
-  "dtActionColorBackgroundCriticalActive": "#EC0E0E",
-  "dtActionColorBackgroundCriticalPrimaryDefault": "#EC0E0E",
-  "dtActionColorBackgroundCriticalPrimaryHover": "#EC0E0E",
-  "dtActionColorBackgroundCriticalPrimaryActive": "#EC0E0E",
+  "dtActionColorBackgroundCriticalHover": "#FFABA4",
+  "dtActionColorBackgroundCriticalActive": "#FFABA4",
+  "dtActionColorBackgroundCriticalPrimaryDefault": "#FF1356",
+  "dtActionColorBackgroundCriticalPrimaryHover": "#D90A45",
+  "dtActionColorBackgroundCriticalPrimaryActive": "#AF0032",
   "dtActionColorBackgroundInvertedDefault": "transparent",
   "dtActionColorBackgroundInvertedHover": "#ffffff",
   "dtActionColorBackgroundInvertedActive": "#ffffff",
-  "dtActionColorBackgroundInvertedPrimaryDefault": "#ffffff",
+  "dtActionColorBackgroundInvertedPrimaryDefault": "#F9F9F9",
   "dtActionColorBackgroundInvertedPrimaryHover": "#F5F0FF",
-  "dtActionColorBackgroundInvertedPrimaryActive": "#F5F0FF",
+  "dtActionColorBackgroundInvertedPrimaryActive": "#D3BCFF",
   "dtActionColorBackgroundMutedDefault": "transparent",
-  "dtActionColorBackgroundMutedHover": "#222222",
-  "dtActionColorBackgroundMutedActive": "#222222",
-  "dtActionColorBackgroundDisabledDefault": "#D2D2D2",
+  "dtActionColorBackgroundMutedHover": "#1C1C1C",
+  "dtActionColorBackgroundMutedActive": "#1C1C1C",
+  "dtActionColorBackgroundDisabledDefault": "#1C1C1C",
   "dtActionColorBackgroundPositiveDefault": "transparent",
-  "dtActionColorBackgroundPositiveHover": "#EDF9EB",
-  "dtActionColorBackgroundPositiveActive": "#1AA340",
-  "dtActionColorBackgroundPositivePrimaryDefault": "#1AA340",
-  "dtActionColorBackgroundPositivePrimaryHover": "#1AA340",
-  "dtActionColorBackgroundPositivePrimaryActive": "#1AA340",
+  "dtActionColorBackgroundPositiveHover": "#DBFFA9",
+  "dtActionColorBackgroundPositiveActive": "#DBFFA9",
+  "dtActionColorBackgroundPositivePrimaryDefault": "#2EA834",
+  "dtActionColorBackgroundPositivePrimaryHover": "#008E52",
+  "dtActionColorBackgroundPositivePrimaryActive": "#008E52",
   "dtActionColorBorderBaseOutlinedDefault": "#7C52FF",
-  "dtActionColorBorderCriticalOutlinedDefault": "#EC0E0E",
+  "dtActionColorBorderCriticalOutlinedDefault": "#D90A45",
   "dtActionColorBorderInvertedOutlinedDefault": "#ffffff",
-  "dtActionColorBorderMutedOutlinedDefault": "#000000",
+  "dtActionColorBorderMutedOutlinedDefault": "#1C1C1C",
   "dtThemeColorBase": "#E20074",
   "dtThemeTopbarColorForeground": "#E20074",
   "dtThemeTopbarColorBackground": "#F9F9F9",
@@ -412,28 +457,28 @@
   "dtThemeTopbarButtonColorBackgroundHover": "#E20074",
   "dtThemeTopbarButtonColorBackgroundActive": "#E20074",
   "dtThemeTopbarProfileColorForeground": "#E20074",
-  "dtThemeTopbarProfileColorForegroundInverted": "#ffffff",
+  "dtThemeTopbarProfileColorForegroundInverted": "#F9F9F9",
   "dtThemeTopbarProfileColorBackground": "#E20074",
   "dtThemeTopbarProfileColorBackgroundInverted": "#E20074",
   "dtThemeTopbarProfileColorBackgroundHover": "#E20074",
   "dtThemeTopbarProfileColorBackgroundActive": "#E20074",
   "dtThemeSidebarColorForeground": "#3A3A3A",
-  "dtThemeSidebarColorForegroundUnread": "#000000",
+  "dtThemeSidebarColorForegroundUnread": "#1C1C1C",
   "dtThemeSidebarColorBackground": "#F9F9F9",
   "dtThemeSidebarIconColorForeground": "#3A3A3A",
-  "dtThemeSidebarStatusColorForeground": "#555555",
+  "dtThemeSidebarStatusColorForeground": "#535353",
   "dtThemeSidebarRowColorBackground": "#E20074",
   "dtThemeSidebarRowColorBackgroundHover": "#E20074",
   "dtThemeSidebarRowColorBackgroundActive": "#E20074",
-  "dtThemeSidebarSelectedRowColorForeground": "#000000",
+  "dtThemeSidebarSelectedRowColorForeground": "#1C1C1C",
   "dtThemeSidebarSelectedRowColorBackground": "#E20074",
-  "dtThemeSidebarSectionColorForeground": "#555555",
-  "dtThemePresenceColorBackgroundAvailable": "#1AA340",
-  "dtThemePresenceColorBackgroundBusyUnavailable": "#EC0E0E",
-  "dtThemePresenceColorBackgroundBusy": "#F6AB3C",
+  "dtThemeSidebarSectionColorForeground": "#535353",
+  "dtThemePresenceColorBackgroundAvailable": "#52C926",
+  "dtThemePresenceColorBackgroundBusyUnavailable": "#FF1356",
+  "dtThemePresenceColorBackgroundBusy": "#FF9E0E",
   "dtThemePresenceColorBackgroundOffline": "#ffffff",
   "dtThemeMentionColorForeground": "#ffffff",
-  "dtThemeMentionColorForegroundStrong": "#ffffff",
+  "dtThemeMentionColorForegroundStrong": "#F9F9F9",
   "dtThemeMentionColorBackground": "#E20074",
   "dtThemeMentionColorBackgroundStrong": "#770141",
   "dtAvatarColorForeground": "#000000",
@@ -456,27 +501,28 @@
   "dtAvatarColorBackground1700": "#ffd646",
   "dtAvatarColorBackground1800": "#f1dab7",
   "dtAvatarColorBackground000": "#e0e0e0",
-  "dtBadgeColorBackgroundDefault": "#000000",
-  "dtBadgeColorBackgroundInfo": "#EAF2FA",
-  "dtBadgeColorBackgroundSuccess": "#EDF9EB",
-  "dtBadgeColorBackgroundWarning": "#FFF4CC",
-  "dtBadgeColorBackgroundCritical": "#FFE5E6",
+  "dtBadgeColorBackgroundDefault": "#1C1C1C",
+  "dtBadgeColorBackgroundInfo": "#BDE8FF",
+  "dtBadgeColorBackgroundSuccess": "#DBFFA9",
+  "dtBadgeColorBackgroundWarning": "#FFE89C",
+  "dtBadgeColorBackgroundCritical": "#FFABA4",
   "dtBadgeColorBackgroundBulletin": "#7C52FF",
-  "dtBadgeColorBackgroundBulletinSubtle": "#7C52FF",
-  "dtBadgeColorBackgroundAi": "linear-gradient(135deg, #F9008E 10%, #7C52FF 90%)",
+  "dtBadgeColorBackgroundBulletinSubtle": "#D3BCFF",
+  "dtBadgeColorBackgroundAi": "linear-gradient(140deg, #FF5E2F 0%, #ff1356 25%, #FF1BA4 66%, #9D42EA 100%)",
   "dtBadgeColorForegroundDefault": "#000000",
   "dtBadgeColorForegroundBulletin": "#ffffff",
-  "dtBadgeColorForegroundBulletinSubtle": "#7C52FF",
-  "dtBadgeColorBorderDefault": "#000000",
+  "dtBadgeColorForegroundBulletinSubtle": "#3A1D95",
+  "dtBadgeColorForegroundAi": "#ffffff",
+  "dtBadgeColorBorderDefault": "#1C1C1C",
   "dtBadgeColorBorderBulletinSubtle": "#7C52FF",
   "dtButtonFontSizeXs": "12px",
   "dtButtonFontSizeSm": "12px",
   "dtButtonFontSizeMd": "15px",
   "dtButtonFontSizeLg": "19px",
   "dtButtonFontSizeXl": "27px",
-  "dtButtonFontWeightXs": "500",
-  "dtButtonFontWeightSm": "500",
-  "dtButtonFontWeightMd": "500",
+  "dtButtonFontWeightXs": "600",
+  "dtButtonFontWeightSm": "600",
+  "dtButtonFontWeightMd": "600",
   "dtButtonFontWeightLg": "500",
   "dtButtonFontWeightXl": "400",
   "dtButtonLineHeightXs": "1.2",
@@ -492,9 +538,12 @@
   "dtCheckboxSizeWidth": "1rem",
   "dtCheckboxSizeHeight": "1rem",
   "dtCheckboxSizeRadius": "0.25rem",
-  "dtCheckboxColorBorderUnchecked": "#000000",
+  "dtCheckboxColorBorderUnchecked": "#1C1C1C",
+  "dtCheckboxColorBorderUncheckedHover": "#1C1C1C",
   "dtCheckboxColorBorderChecked": "#7C52FF",
   "dtCheckboxColorBackgroundChecked": "#7C52FF",
+  "dtCheckboxColorForegroundDefault": "transparent",
+  "dtCheckboxColorForegroundChecked": "#F9F9F9",
   "dtIconSize100": "12px",
   "dtIconSize200": "14px",
   "dtIconSize300": "18px",
@@ -514,7 +563,10 @@
   "dtRadioSizeWidth": "1rem",
   "dtRadioSizeHeight": "1rem",
   "dtRadioSizeRadius": "50%",
-  "dtRadioColorBorderUnchecked": "#000000",
+  "dtRadioColorBorderUnchecked": "#1C1C1C",
+  "dtRadioColorBorderUncheckedHover": "#1C1C1C",
   "dtRadioColorBorderChecked": "#7C52FF",
-  "dtRadioColorBackgroundChecked": "#7C52FF"
+  "dtRadioColorBackgroundChecked": "#7C52FF",
+  "dtRadioColorForegroundDefault": "transparent",
+  "dtRadioColorForegroundChecked": "#F9F9F9"
 }

package/dist/vue2/components/pagination/pagination.vue.cjs

@@ -124,7 +124,7 @@ const _sfc_main = {
 };
 var _sfc_render = function render() {
   var _vm = this, _c = _vm._self._c;
-  return _c("nav", { staticClass: "d-pagination", attrs: { "aria-label": _vm.ariaLabel } }, [_c("dt-button", { staticClass: "d-pagination__button", class: _vm.isFirstPage ? "d-fc-black-300 d-bgc-transparent" : "d-fc-tertiary", attrs: { "data-qa": "dt-pagination-prev", "aria-label": _vm.prevAriaLabel, "kind": _vm.isFirstPage ? "default" : "muted", "importance": _vm.isFirstPage ? "primary" : "clear", "disabled": _vm.isFirstPage }, on: { "click": function($event) {
+  return _c("nav", { staticClass: "d-pagination", attrs: { "aria-label": _vm.ariaLabel } }, [_c("dt-button", { staticClass: "d-pagination__button", class: _vm.isFirstPage ? "d-fco50 d-fc-disabled d-bgc-transparent" : "d-fc-tertiary", attrs: { "data-qa": "dt-pagination-prev", "aria-label": _vm.prevAriaLabel, "kind": _vm.isFirstPage ? "default" : "muted", "importance": _vm.isFirstPage ? "primary" : "clear", "disabled": _vm.isFirstPage }, on: { "click": function($event) {
     return _vm.changePage(_vm.currentPage - 1);
   } }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
     return [_c("dt-icon-chevron-left", { attrs: { "size": "300" } })];
@@ -132,7 +132,7 @@ var _sfc_render = function render() {
     return _c("div", { key: `page-${page}-${index}`, class: { "d-pagination__separator": isNaN(Number(page)) } }, [isNaN(Number(page)) ? _c("div", { staticClass: "d-pagination__separator-icon", attrs: { "data-qa": "dt-pagination-separator" } }, [_c("dt-icon-more-horizontal", { attrs: { "size": "300" } })], 1) : _c("dt-button", { attrs: { "aria-label": _vm.pageNumberAriaLabel(page), "kind": _vm.currentPage === page ? "default" : "muted", "importance": _vm.currentPage === page ? "primary" : "clear", "label-class": "" }, on: { "click": function($event) {
       return _vm.changePage(page);
     } } }, [_vm._v(" " + _vm._s(page) + " ")])], 1);
-  }), _c("dt-button", { staticClass: "d-pagination__button", class: _vm.isLastPage ? "d-fc-black-300 d-bgc-transparent" : "d-fc-tertiary", attrs: { "data-qa": "dt-pagination-next", "aria-label": _vm.nextAriaLabel, "disabled": _vm.isLastPage, "kind": "muted", "importance": _vm.isLastPage ? "primary" : "clear" }, on: { "click": function($event) {
+  }), _c("dt-button", { staticClass: "d-pagination__button", class: _vm.isLastPage ? "d-fco50 d-fc-disabled d-bgc-transparent" : "d-fc-tertiary", attrs: { "data-qa": "dt-pagination-next", "aria-label": _vm.nextAriaLabel, "disabled": _vm.isLastPage, "kind": "muted", "importance": _vm.isLastPage ? "primary" : "clear" }, on: { "click": function($event) {
     return _vm.changePage(_vm.currentPage + 1);
   } }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
     return [_c("dt-icon-chevron-right", { attrs: { "size": "300" } })];

package/dist/vue2/components/pagination/pagination.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.vue.cjs","sources":["../../../components/pagination/pagination.vue"],"sourcesContent":["<template>\n  <nav\n    :aria-label=\"ariaLabel\"\n    class=\"d-pagination\"\n  >\n    <dt-button\n      class=\"d-pagination__button\"\n      data-qa=\"dt-pagination-prev\"\n      :aria-label=\"prevAriaLabel\"\n      :kind=\"isFirstPage ? 'default' : 'muted'\"\n      :importance=\"isFirstPage ? 'primary' : 'clear'\"\n      :disabled=\"isFirstPage\"\n      :class=\"isFirstPage ? 'd-fc-black-300 d-bgc-transparent' : 'd-fc-tertiary'\"\n      @click=\"changePage(currentPage - 1)\"\n    >\n      <template #icon>\n        <dt-icon-chevron-left\n          size=\"300\"\n        />\n      </template>\n    </dt-button>\n    <div\n      v-for=\"(page, index) in pages\"\n      :key=\"`page-${page}-${index}`\"\n      :class=\"{ 'd-pagination__separator': isNaN(Number(page)) }\"\n    >\n      <!-- eslint-disable vue/no-bare-strings-in-template -->\n      <div\n        v-if=\"isNaN(Number(page))\"\n        class=\"d-pagination__separator-icon\"\n        data-qa=\"dt-pagination-separator\"\n      >\n        <dt-icon-more-horizontal\n          size=\"300\"\n        />\n        <!-- … -->\n      </div>\n      <!-- eslint-enable vue/no-bare-strings-in-template -->\n      <dt-button\n        v-else\n        :aria-label=\"pageNumberAriaLabel(page)\"\n        :kind=\"currentPage === page ? 'default' : 'muted'\"\n        :importance=\"currentPage === page ? 'primary' : 'clear'\"\n        label-class=\"\"\n        @click=\"changePage(page)\"\n      >\n        {{ page }}\n      </dt-button>\n    </div>\n    <dt-button\n      class=\"d-pagination__button\"\n      data-qa=\"dt-pagination-next\"\n      :aria-label=\"nextAriaLabel\"\n      :disabled=\"isLastPage\"\n      kind=\"muted\"\n      :importance=\"isLastPage ? 'primary' : 'clear'\"\n      :class=\"isLastPage ? 'd-fc-black-300 d-bgc-transparent' : 'd-fc-tertiary'\"\n      @click=\"changePage(currentPage + 1)\"\n    >\n      <template #icon>\n        <dt-icon-chevron-right\n          size=\"300\"\n        />\n      </template>\n    </dt-button>\n  </nav>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtIconChevronLeft, DtIconChevronRight, DtIconMoreHorizontal } from '@dialpad/dialtone-icons/vue2';\n\n/**\n * Pagination allows you to divide large amounts of content into smaller chunks across multiple pages.\n * @see https://dialtone.dialpad.com/components/pagination.html\n */\nexport default {\n  name: 'DtPagination',\n\n  components: {\n    DtButton,\n    DtIconChevronLeft,\n    DtIconChevronRight,\n    DtIconMoreHorizontal,\n  },\n\n  props: {\n    /**\n     * Descriptive label for the pagination content.\n     */\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * The total number of the pages\n     */\n    totalPages: {\n      type: Number,\n      required: true,\n    },\n\n    /**\n     * Descriptive label for the previous button.\n     */\n    prevAriaLabel: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Descriptive label for the next button.\n     */\n    nextAriaLabel: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * A method that will be called to get the aria label of each page.\n     */\n    pageNumberAriaLabel: {\n      type: Function,\n      required: true,\n    },\n\n    /**\n     * The active current page in the list of pages, defaults to the first page\n     */\n    activePage: {\n      type: Number,\n      default: 1,\n    },\n\n    /**\n     * Determines the max pages to be shown in the list. Using an odd number is recommended.\n     * If an even number is given, then it will be rounded down to the nearest odd number to always\n     * keep current page in the middle when current page is in the mid-range.\n     */\n    maxVisible: {\n      type: Number,\n      default: 5,\n    },\n  },\n\n  emits: [\n    /**\n     * Page change event\n     *\n     * @event change\n     * @type {Number}\n     */\n    'change',\n  ],\n\n  data () {\n    return {\n      currentPage: this.activePage,\n    };\n  },\n\n  computed: {\n    isFirstPage () {\n      return this.currentPage === 1;\n    },\n\n    isLastPage () {\n      return this.currentPage === this.totalPages;\n    },\n\n    pages () {\n      if (this.maxVisible === 0) {\n        return [];\n      }\n      if (this.totalPages <= this.maxVisible) {\n        return this.range(1, this.totalPages);\n      }\n\n      const start = this.maxVisible - 1;\n      const end = this.totalPages - start + 1;\n\n      if (this.currentPage < start) {\n        return [...this.range(1, start), '...', this.totalPages];\n      }\n\n      if (this.currentPage > end) {\n        return [1, '...', ...this.range(end, this.totalPages)];\n      }\n\n      // rounding to the nearest odd according to the maxlength to always show the page number in the middle.\n      const total = this.maxVisible - (3 - this.maxVisible % 2);\n      const centerIndex = Math.floor(total / 2);\n      const left = this.currentPage - centerIndex;\n      const right = this.currentPage + centerIndex;\n      return [1, '...', ...this.range(left, right), '...', this.totalPages];\n    },\n  },\n\n  methods: {\n    range (from, to) {\n      const range = [];\n      from = from > 0 ? from : 1;\n      for (let i = from; i <= to; i++) {\n        range.push(i);\n      }\n      return range;\n    },\n\n    changePage (page) {\n      this.currentPage = page;\n      this.$emit('change', this.currentPage);\n    },\n  },\n};\n</script>\n"],"names":["DtButton","DtIconChevronLeft","DtIconChevronRight","DtIconMoreHorizontal"],"mappings":";;;;;AA4EA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,UAAAA,OAAA;AAAA,IACA,mBAAAC,KAAA;AAAA,IACA,oBAAAC,KAAA;AAAA,IACA,sBAAAC,KAAA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,YAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,eAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,eAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,qBAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,YAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,YAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,aAAA,KAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,cAAA;AACA,aAAA,KAAA,gBAAA;AAAA,IACA;AAAA,IAEA,aAAA;AACA,aAAA,KAAA,gBAAA,KAAA;AAAA,IACA;AAAA,IAEA,QAAA;AACA,UAAA,KAAA,eAAA,GAAA;AACA,eAAA;MACA;AACA,UAAA,KAAA,cAAA,KAAA,YAAA;AACA,eAAA,KAAA,MAAA,GAAA,KAAA,UAAA;AAAA,MACA;AAEA,YAAA,QAAA,KAAA,aAAA;AACA,YAAA,MAAA,KAAA,aAAA,QAAA;AAEA,UAAA,KAAA,cAAA,OAAA;AACA,eAAA,CAAA,GAAA,KAAA,MAAA,GAAA,KAAA,GAAA,OAAA,KAAA,UAAA;AAAA,MACA;AAEA,UAAA,KAAA,cAAA,KAAA;AACA,eAAA,CAAA,GAAA,OAAA,GAAA,KAAA,MAAA,KAAA,KAAA,UAAA,CAAA;AAAA,MACA;AAGA,YAAA,QAAA,KAAA,cAAA,IAAA,KAAA,aAAA;AACA,YAAA,cAAA,KAAA,MAAA,QAAA,CAAA;AACA,YAAA,OAAA,KAAA,cAAA;AACA,YAAA,QAAA,KAAA,cAAA;AACA,aAAA,CAAA,GAAA,OAAA,GAAA,KAAA,MAAA,MAAA,KAAA,GAAA,OAAA,KAAA,UAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,MAAA,MAAA,IAAA;AACA,YAAA,QAAA,CAAA;AACA,aAAA,OAAA,IAAA,OAAA;AACA,eAAA,IAAA,MAAA,KAAA,IAAA,KAAA;AACA,cAAA,KAAA,CAAA;AAAA,MACA;AACA,aAAA;AAAA,IACA;AAAA,IAEA,WAAA,MAAA;AACA,WAAA,cAAA;AACA,WAAA,MAAA,UAAA,KAAA,WAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"pagination.vue.cjs","sources":["../../../components/pagination/pagination.vue"],"sourcesContent":["<template>\n  <nav\n    :aria-label=\"ariaLabel\"\n    class=\"d-pagination\"\n  >\n    <dt-button\n      class=\"d-pagination__button\"\n      data-qa=\"dt-pagination-prev\"\n      :aria-label=\"prevAriaLabel\"\n      :kind=\"isFirstPage ? 'default' : 'muted'\"\n      :importance=\"isFirstPage ? 'primary' : 'clear'\"\n      :disabled=\"isFirstPage\"\n      :class=\"isFirstPage ? 'd-fco50 d-fc-disabled d-bgc-transparent' : 'd-fc-tertiary'\"\n      @click=\"changePage(currentPage - 1)\"\n    >\n      <template #icon>\n        <dt-icon-chevron-left\n          size=\"300\"\n        />\n      </template>\n    </dt-button>\n    <div\n      v-for=\"(page, index) in pages\"\n      :key=\"`page-${page}-${index}`\"\n      :class=\"{ 'd-pagination__separator': isNaN(Number(page)) }\"\n    >\n      <!-- eslint-disable vue/no-bare-strings-in-template -->\n      <div\n        v-if=\"isNaN(Number(page))\"\n        class=\"d-pagination__separator-icon\"\n        data-qa=\"dt-pagination-separator\"\n      >\n        <dt-icon-more-horizontal\n          size=\"300\"\n        />\n        <!-- … -->\n      </div>\n      <!-- eslint-enable vue/no-bare-strings-in-template -->\n      <dt-button\n        v-else\n        :aria-label=\"pageNumberAriaLabel(page)\"\n        :kind=\"currentPage === page ? 'default' : 'muted'\"\n        :importance=\"currentPage === page ? 'primary' : 'clear'\"\n        label-class=\"\"\n        @click=\"changePage(page)\"\n      >\n        {{ page }}\n      </dt-button>\n    </div>\n    <dt-button\n      class=\"d-pagination__button\"\n      data-qa=\"dt-pagination-next\"\n      :aria-label=\"nextAriaLabel\"\n      :disabled=\"isLastPage\"\n      kind=\"muted\"\n      :importance=\"isLastPage ? 'primary' : 'clear'\"\n      :class=\"isLastPage ? 'd-fco50 d-fc-disabled d-bgc-transparent' : 'd-fc-tertiary'\"\n      @click=\"changePage(currentPage + 1)\"\n    >\n      <template #icon>\n        <dt-icon-chevron-right\n          size=\"300\"\n        />\n      </template>\n    </dt-button>\n  </nav>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtIconChevronLeft, DtIconChevronRight, DtIconMoreHorizontal } from '@dialpad/dialtone-icons/vue2';\n\n/**\n * Pagination allows you to divide large amounts of content into smaller chunks across multiple pages.\n * @see https://dialtone.dialpad.com/components/pagination.html\n */\nexport default {\n  name: 'DtPagination',\n\n  components: {\n    DtButton,\n    DtIconChevronLeft,\n    DtIconChevronRight,\n    DtIconMoreHorizontal,\n  },\n\n  props: {\n    /**\n     * Descriptive label for the pagination content.\n     */\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * The total number of the pages\n     */\n    totalPages: {\n      type: Number,\n      required: true,\n    },\n\n    /**\n     * Descriptive label for the previous button.\n     */\n    prevAriaLabel: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Descriptive label for the next button.\n     */\n    nextAriaLabel: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * A method that will be called to get the aria label of each page.\n     */\n    pageNumberAriaLabel: {\n      type: Function,\n      required: true,\n    },\n\n    /**\n     * The active current page in the list of pages, defaults to the first page\n     */\n    activePage: {\n      type: Number,\n      default: 1,\n    },\n\n    /**\n     * Determines the max pages to be shown in the list. Using an odd number is recommended.\n     * If an even number is given, then it will be rounded down to the nearest odd number to always\n     * keep current page in the middle when current page is in the mid-range.\n     */\n    maxVisible: {\n      type: Number,\n      default: 5,\n    },\n  },\n\n  emits: [\n    /**\n     * Page change event\n     *\n     * @event change\n     * @type {Number}\n     */\n    'change',\n  ],\n\n  data () {\n    return {\n      currentPage: this.activePage,\n    };\n  },\n\n  computed: {\n    isFirstPage () {\n      return this.currentPage === 1;\n    },\n\n    isLastPage () {\n      return this.currentPage === this.totalPages;\n    },\n\n    pages () {\n      if (this.maxVisible === 0) {\n        return [];\n      }\n      if (this.totalPages <= this.maxVisible) {\n        return this.range(1, this.totalPages);\n      }\n\n      const start = this.maxVisible - 1;\n      const end = this.totalPages - start + 1;\n\n      if (this.currentPage < start) {\n        return [...this.range(1, start), '...', this.totalPages];\n      }\n\n      if (this.currentPage > end) {\n        return [1, '...', ...this.range(end, this.totalPages)];\n      }\n\n      // rounding to the nearest odd according to the maxlength to always show the page number in the middle.\n      const total = this.maxVisible - (3 - this.maxVisible % 2);\n      const centerIndex = Math.floor(total / 2);\n      const left = this.currentPage - centerIndex;\n      const right = this.currentPage + centerIndex;\n      return [1, '...', ...this.range(left, right), '...', this.totalPages];\n    },\n  },\n\n  methods: {\n    range (from, to) {\n      const range = [];\n      from = from > 0 ? from : 1;\n      for (let i = from; i <= to; i++) {\n        range.push(i);\n      }\n      return range;\n    },\n\n    changePage (page) {\n      this.currentPage = page;\n      this.$emit('change', this.currentPage);\n    },\n  },\n};\n</script>\n"],"names":["DtButton","DtIconChevronLeft","DtIconChevronRight","DtIconMoreHorizontal"],"mappings":";;;;;AA4EA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,UAAAA,OAAA;AAAA,IACA,mBAAAC,KAAA;AAAA,IACA,oBAAAC,KAAA;AAAA,IACA,sBAAAC,KAAA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,YAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,eAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,eAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,qBAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,YAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,YAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,aAAA,KAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,cAAA;AACA,aAAA,KAAA,gBAAA;AAAA,IACA;AAAA,IAEA,aAAA;AACA,aAAA,KAAA,gBAAA,KAAA;AAAA,IACA;AAAA,IAEA,QAAA;AACA,UAAA,KAAA,eAAA,GAAA;AACA,eAAA;MACA;AACA,UAAA,KAAA,cAAA,KAAA,YAAA;AACA,eAAA,KAAA,MAAA,GAAA,KAAA,UAAA;AAAA,MACA;AAEA,YAAA,QAAA,KAAA,aAAA;AACA,YAAA,MAAA,KAAA,aAAA,QAAA;AAEA,UAAA,KAAA,cAAA,OAAA;AACA,eAAA,CAAA,GAAA,KAAA,MAAA,GAAA,KAAA,GAAA,OAAA,KAAA,UAAA;AAAA,MACA;AAEA,UAAA,KAAA,cAAA,KAAA;AACA,eAAA,CAAA,GAAA,OAAA,GAAA,KAAA,MAAA,KAAA,KAAA,UAAA,CAAA;AAAA,MACA;AAGA,YAAA,QAAA,KAAA,cAAA,IAAA,KAAA,aAAA;AACA,YAAA,cAAA,KAAA,MAAA,QAAA,CAAA;AACA,YAAA,OAAA,KAAA,cAAA;AACA,YAAA,QAAA,KAAA,cAAA;AACA,aAAA,CAAA,GAAA,OAAA,GAAA,KAAA,MAAA,MAAA,KAAA,GAAA,OAAA,KAAA,UAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,MAAA,MAAA,IAAA;AACA,YAAA,QAAA,CAAA;AACA,aAAA,OAAA,IAAA,OAAA;AACA,eAAA,IAAA,MAAA,KAAA,IAAA,KAAA;AACA,cAAA,KAAA,CAAA;AAAA,MACA;AACA,aAAA;AAAA,IACA;AAAA,IAEA,WAAA,MAAA;AACA,WAAA,cAAA;AACA,WAAA,MAAA,UAAA,KAAA,WAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/vue2/components/pagination/pagination.vue.js

@@ -122,7 +122,7 @@ const _sfc_main = {
 };
 var _sfc_render = function render() {
   var _vm = this, _c = _vm._self._c;
-  return _c("nav", { staticClass: "d-pagination", attrs: { "aria-label": _vm.ariaLabel } }, [_c("dt-button", { staticClass: "d-pagination__button", class: _vm.isFirstPage ? "d-fc-black-300 d-bgc-transparent" : "d-fc-tertiary", attrs: { "data-qa": "dt-pagination-prev", "aria-label": _vm.prevAriaLabel, "kind": _vm.isFirstPage ? "default" : "muted", "importance": _vm.isFirstPage ? "primary" : "clear", "disabled": _vm.isFirstPage }, on: { "click": function($event) {
+  return _c("nav", { staticClass: "d-pagination", attrs: { "aria-label": _vm.ariaLabel } }, [_c("dt-button", { staticClass: "d-pagination__button", class: _vm.isFirstPage ? "d-fco50 d-fc-disabled d-bgc-transparent" : "d-fc-tertiary", attrs: { "data-qa": "dt-pagination-prev", "aria-label": _vm.prevAriaLabel, "kind": _vm.isFirstPage ? "default" : "muted", "importance": _vm.isFirstPage ? "primary" : "clear", "disabled": _vm.isFirstPage }, on: { "click": function($event) {
     return _vm.changePage(_vm.currentPage - 1);
   } }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
     return [_c("dt-icon-chevron-left", { attrs: { "size": "300" } })];
@@ -130,7 +130,7 @@ var _sfc_render = function render() {
     return _c("div", { key: `page-${page}-${index}`, class: { "d-pagination__separator": isNaN(Number(page)) } }, [isNaN(Number(page)) ? _c("div", { staticClass: "d-pagination__separator-icon", attrs: { "data-qa": "dt-pagination-separator" } }, [_c("dt-icon-more-horizontal", { attrs: { "size": "300" } })], 1) : _c("dt-button", { attrs: { "aria-label": _vm.pageNumberAriaLabel(page), "kind": _vm.currentPage === page ? "default" : "muted", "importance": _vm.currentPage === page ? "primary" : "clear", "label-class": "" }, on: { "click": function($event) {
       return _vm.changePage(page);
     } } }, [_vm._v(" " + _vm._s(page) + " ")])], 1);
-  }), _c("dt-button", { staticClass: "d-pagination__button", class: _vm.isLastPage ? "d-fc-black-300 d-bgc-transparent" : "d-fc-tertiary", attrs: { "data-qa": "dt-pagination-next", "aria-label": _vm.nextAriaLabel, "disabled": _vm.isLastPage, "kind": "muted", "importance": _vm.isLastPage ? "primary" : "clear" }, on: { "click": function($event) {
+  }), _c("dt-button", { staticClass: "d-pagination__button", class: _vm.isLastPage ? "d-fco50 d-fc-disabled d-bgc-transparent" : "d-fc-tertiary", attrs: { "data-qa": "dt-pagination-next", "aria-label": _vm.nextAriaLabel, "disabled": _vm.isLastPage, "kind": "muted", "importance": _vm.isLastPage ? "primary" : "clear" }, on: { "click": function($event) {
     return _vm.changePage(_vm.currentPage + 1);
   } }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
     return [_c("dt-icon-chevron-right", { attrs: { "size": "300" } })];