Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@dialpad/dialtone-tokens
Advanced tools
@dialpad/dialtone-tokens - npm Package Compare versions
Comparing version 1.6.5 to 1.7.0
| { | ||
| "dtTokenSetOrder0": "base", | ||
| "dtTokenSetOrder1": "semantic", | ||
| "dtTokenSetOrder2": "components/foo", | ||
| "dtTokenSetOrder3": "components/bar", | ||
| "dtButtonColorBackgroundDefault": "transparent", | ||
| "dtButtonColorBackgroundPrimary": "#7C52FF", | ||
| "dtButtonColorBackgroundDanger": "#EC0E0E", | ||
| "dtButtonColorTextDefault": "#7C52FF", | ||
| "dtButtonColorTextPrimary": "#fff", | ||
| "dtButtonColorTextDanger": "#fff", | ||
| "dtButtonBorderRadiusExtraSmall": "0.7rem", | ||
| "dtButtonBorderRadiusSmall": "0.75rem", | ||
| "dtButtonBorderRadiusMedium": "0.8rem", | ||
| "dtButtonBorderRadiusLarge": "0.9rem", | ||
| "dtButtonBorderRadiusExtraLarge": "1rem", | ||
| "dtButtonSpaceGap": "16px", | ||
| "dtButtonPaddingHorizontalExtraSmall": "15px", | ||
| "dtButtonPaddingHorizontalSmall": "15px", | ||
| "dtButtonPaddingHorizontalMedium": "15px", | ||
| "dtButtonPaddingHorizontalLarge": "63px", | ||
| "dtButtonPaddingHorizontalExtraLarge": "15px", | ||
| "dtButtonPaddingVerticalExtraSmall": "13px", | ||
| "dtButtonPaddingVerticalSmall": "13px", | ||
| "dtButtonPaddingVerticalMedium": "15px", | ||
| "dtButtonPaddingVerticalLarge": "31px", | ||
| "dtButtonPaddingVerticalExtraLarge": "31px", | ||
| "dtButtonFontSizeExtraSmall": "1.2rem", | ||
| "dtButtonFontSizeSmall": "1.2rem", | ||
| "dtButtonFontSizeMedium": "1.5rem", | ||
| "dtButtonFontSizeLarge": "1.9rem", | ||
| "dtButtonFontSizeExtraLarge": "2.7rem", | ||
| "dtButtonLineHeightSizeExtraSmall": "120%", | ||
| "dtButtonLineHeightSizeSmall": "140%", | ||
| "dtButtonLineHeightSizeMedium": "140%", | ||
| "dtButtonLineHeightSizeLarge": "160%", | ||
| "dtButtonLineHeightSizeExtraLarge": "160%", | ||
| "dtColorTextPrimary": "#000000", | ||
| "dtColorTextSecondary": "#3A3A3A", | ||
| "dtColorTextTertiary": "#555555", | ||
| "dtColorTextMuted": "#22222280", | ||
| "dtColorTextPlaceholder": "#808080", | ||
| "dtColorTextDisabled": "#808080", | ||
| "dtColorTextCritical": "#EC0E0E", | ||
| "dtColorTextSuccess": "#1AA340", | ||
| "dtColorTextWarning": "#815008", | ||
| "dtColorTextInvertedPrimary": "#fff", | ||
| "dtColorTextInvertedSecondary": "#E9E9E9", | ||
| "dtColorTextLinkPrimary": "#7C52FF", | ||
| "dtColorSurfacePrimary": "#fff", | ||
| "dtColorForegroundPrimary": "#000000", | ||
| "dtColorForegroundSecondary": "#3A3A3A", | ||
| "dtColorForegroundTertiary": "#555555", | ||
| "dtColorForegroundMuted": "#22222280", | ||
| "dtColorForegroundPlaceholder": "#808080", | ||
| "dtColorForegroundDisabled": "#808080", | ||
| "dtColorForegroundCritical": "#EC0E0E", | ||
| "dtColorForegroundCriticalStrong": "#B70B0B", | ||
| "dtColorForegroundSuccess": "#1AA340", | ||
| "dtColorForegroundSuccessStrong": "#124620", | ||
| "dtColorForegroundWarning": "#815008", | ||
| "dtColorForegroundPrimaryInverted": "#ffffff", | ||
| "dtColorForegroundSecondaryInverted": "#E9E9E9", | ||
| "dtColorForegroundTertiaryInverted": "#D2D2D2", | ||
| "dtColorForegroundMutedInverted": "#e9e9e999", | ||
| "dtColorForegroundPlaceholderInverted": "#808080", | ||
| "dtColorForegroundDisabledInverted": "#808080", | ||
| "dtColorForegroundCriticalInverted": "#FF8585", | ||
| "dtColorForegroundCriticalStrongInverted": "#ffa4a4", | ||
| "dtColorForegroundSuccessInverted": "#B0FFA3", | ||
| "dtColorForegroundSuccessStrongInverted": "#d3ffcd", | ||
| "dtColorForegroundWarningInverted": "#FFF4CC", | ||
| "dtColorLinkPrimary": "#7C52FF", | ||
| "dtColorLinkCritical": "#EC0E0E", | ||
| "dtColorLinkSuccess": "#1AA340", | ||
| "dtColorLinkWarning": "#815008", | ||
| "dtColorLinkMuted": "#22222280", | ||
| "dtColorLinkDisabled": "#808080", | ||
| "dtColorLinkPrimaryInverted": "#AB7EFF", | ||
| "dtColorLinkCriticalInverted": "#FF8585", | ||
| "dtColorLinkSuccessInverted": "#B0FFA3", | ||
| "dtColorLinkWarningInverted": "#FFF4CC", | ||
| "dtColorLinkMutedInverted": "#e9e9e999", | ||
| "dtColorLinkDisabledInverted": "#808080", | ||
| "dtColorLinkPrimaryHover": "#3A1D95", | ||
| "dtColorLinkCriticalHover": "#B70B0B", | ||
| "dtColorLinkSuccessHover": "#124620", | ||
| "dtColorLinkWarningHover": "#555555", | ||
| "dtColorLinkMutedHover": "#000000", | ||
| "dtColorLinkDisabledHover": "#808080", | ||
| "dtColorLinkPrimaryInvertedHover": "#DAC7FF", | ||
| "dtColorLinkCriticalInvertedHover": "#ffa4a4", | ||
| "dtColorLinkSuccessInvertedHover": "#d3ffcd", | ||
| "dtColorLinkWarningInvertedHover": "#F9F9F9", | ||
| "dtColorLinkMutedInvertedHover": "#F9F9F9", | ||
| "dtColorLinkDisabledInvertedHover": "#808080", | ||
| "dtColorSurfaceSecondaryOpaque": "#00000005", | ||
| "dtColorSurfaceModerateOpaque": "#00000017", | ||
| "dtColorSurfaceBoldOpaque": "#0000002e", | ||
| "dtColorSurfaceStrongOpaque": "#000000ab", | ||
| "dtColorSurfaceContrastOpaque": "#000000de", | ||
| "dtColorSurfaceCriticalOpaque": "#ec0e0e1c", | ||
| "dtColorSurfaceCriticalSubtleOpaque": "#ec0e0e0d", | ||
| "dtColorSurfaceWarningOpaque": "#ffdb8061", | ||
| "dtColorSurfaceWarningSubtleOpaque": "#ffdb802e", | ||
| "dtColorSurfaceSuccessOpaque": "#1aa34114", | ||
| "dtColorSurfaceSuccessSubtleOpaque": "#1aa34108", | ||
| "dtColorSurfaceInfoOpaque": "#1769c617", | ||
| "dtColorSurfaceInfoSubtleOpaque": "#1769c60a", | ||
| "dtColorSurfacePrimary": "#ffffff", | ||
| "dtColorSurfaceSecondary": "#F9F9F9", | ||
@@ -57,7 +68,51 @@ "dtColorSurfaceModerate": "#E9E9E9", | ||
| "dtColorSurfaceCritical": "#FFE5E6", | ||
| "dtColorSurfaceCriticalSubtle": "#fff2f3", | ||
| "dtColorSurfaceCriticalStrong": "#B70B0B", | ||
| "dtColorSurfaceWarning": "#FFF4CC", | ||
| "dtColorSurfaceWarningSubtle": "#fffae5", | ||
| "dtColorSurfaceWarningStrong": "#FFDB80", | ||
| "dtColorSurfaceSuccess": "#EDF9EB", | ||
| "dtColorSurfaceSuccessSubtle": "#f8fdf7", | ||
| "dtColorSurfaceSuccessStrong": "#1AA340", | ||
| "dtColorSurfaceInfo": "#EAF2FA", | ||
| "dtColorNeutralWhite": "#fff", | ||
| "dtColorSurfaceInfoSubtle": "#f5f9fd", | ||
| "dtColorSurfaceInfoStrong": "#1768C6", | ||
| "dtColorBorderSubtle": "#0000001a", | ||
| "dtColorBorderDefault": "#0000002e", | ||
| "dtColorBorderModerate": "#00000057", | ||
| "dtColorBorderBold": "#00000080", | ||
| "dtColorBorderSubtleInverted": "#ffffff24", | ||
| "dtColorBorderDefaultInverted": "#ffffff38", | ||
| "dtColorBorderModerateInverted": "#ffffff61", | ||
| "dtColorBorderBoldInverted": "#ffffff80", | ||
| "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": "#674006", | ||
| "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", | ||
| "dtColorNeutralWhite": "#ffffff", | ||
| "dtColorNeutralBlack": "#000000", | ||
| "dtColorNeutralTransparent": "transparent", | ||
| "dtColorBlack100": "#F9F9F9", | ||
@@ -109,2 +164,4 @@ "dtColorBlack200": "#E9E9E9", | ||
| "dtColorGradientMagentaPurple": "linear-gradient(135deg, #F9008E 10%, #7C52FF 90%)", | ||
| "dtColorBrandPurple": "#7C52FF", | ||
| "dtColorBrandMagenta": "#F9008E", | ||
| "dtTypographyBodySmallFontFamily": "-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\"", | ||
@@ -254,23 +311,9 @@ "dtTypographyBodySmallFontWeight": 400, | ||
| "dtSize800": "12.8rem", | ||
| "dtSizeIcon100": "1.2rem", | ||
| "dtSizeIcon200": "1.4rem", | ||
| "dtSizeIcon300": "1.8rem", | ||
| "dtSizeIcon400": "2rem", | ||
| "dtSizeIcon500": "2.4rem", | ||
| "dtSizeIcon600": "3.2rem", | ||
| "dtSizeIcon700": "3.8rem", | ||
| "dtSizeIcon800": "4.8rem", | ||
| "dtSizeBorder0": "0", | ||
| "dtSizeBorder100": "0.1rem", | ||
| "dtSizeBorder150": "0.15rem", | ||
| "dtSizeBorder200": "0.2rem", | ||
| "dtSizeBorder300": "0.4rem", | ||
| "dtSizeBorder400": "0.8rem", | ||
| "dtSizeBorderIcon100": "0.1rem", | ||
| "dtSizeBorderIcon200": "0.125rem", | ||
| "dtSizeBorderIcon300": "0.15rem", | ||
| "dtSizeBorderIcon400": "0.175rem", | ||
| "dtSizeBorderIcon500": "0.175rem", | ||
| "dtSizeBorderIcon600": "0.25rem", | ||
| "dtSizeBorderIcon700": "0.275rem", | ||
| "dtSizeBorderIcon800": "0.35rem", | ||
| "dtSizeBorderFocus": "0.3rem", | ||
| "dtSizeBase": "0.8rem", | ||
@@ -284,2 +327,86 @@ "dtSizeRadius0": "0", | ||
| "dtSizeRadius600": "3.2rem", | ||
| "dtInputsSizeBorderDefault": "0.15rem", | ||
| "dtInputsSizeBorderStatus": "0.2rem", | ||
| "dtInputsSizeRadiusXs": "0.4rem", | ||
| "dtInputsSizeRadiusSm": "0.8rem", | ||
| "dtInputsSizeRadiusMd": "0.8rem", | ||
| "dtInputsSizeRadiusLg": "1.2rem", | ||
| "dtInputsSizeRadiusXl": "1.6rem", | ||
| "dtInputsLineHeightDefault": "120%", | ||
| "dtInputsFontSizeXs": "1.2rem", | ||
| "dtInputsFontSizeSm": "1.2rem", | ||
| "dtInputsFontSizeMd": "1.5rem", | ||
| "dtInputsFontSizeLg": "1.9rem", | ||
| "dtInputsFontSizeXl": "2.7rem", | ||
| "dtInputsColorForegroundDefault": "#3A3A3A", | ||
| "dtInputsColorForegroundPlaceholder": "#808080", | ||
| "dtInputsColorForegroundDisabled": "#808080", | ||
| "dtInputsColorBorderDefault": "#0000001a", | ||
| "dtInputsColorBorderFocus": "#51A0FE", | ||
| "dtInputsColorBorderCritical": "#EC0E0E", | ||
| "dtInputsColorBorderSuccess": "#1AA340", | ||
| "dtInputsColorBorderWarning": "#D28F2B", | ||
| "dtInputsColorBorderDisabled": "transparent", | ||
| "dtInputsColorBackgroundDefault": "#00000008", | ||
| "dtInputsColorBackgroundFocus": "#00000003", | ||
| "dtInputsColorBackgroundDisabled": "#0000001f", | ||
| "dtActionColorForegroundBaseDefault": "#7C52FF", | ||
| "dtActionColorForegroundBaseHover": "#551FFF", | ||
| "dtActionColorForegroundBaseActive": "#551FFF", | ||
| "dtActionColorForegroundBasePrimaryDefault": "#ffffff", | ||
| "dtActionColorForegroundCriticalDefault": "#EC0E0E", | ||
| "dtActionColorForegroundCriticalHover": "#D90D0D", | ||
| "dtActionColorForegroundCriticalActive": "#D90D0D", | ||
| "dtActionColorForegroundCriticalPrimaryDefault": "#ffffff", | ||
| "dtActionColorForegroundInvertedDefault": "#ffffff", | ||
| "dtActionColorForegroundInvertedHover": "#ffffff", | ||
| "dtActionColorForegroundInvertedActive": "#ffffff", | ||
| "dtActionColorForegroundInvertedPrimaryDefault": "#7C52FF", | ||
| "dtActionColorForegroundInvertedPrimaryHover": "#3A1D95", | ||
| "dtActionColorForegroundInvertedPrimaryActive": "#3A1D95", | ||
| "dtActionColorForegroundMutedDefault": "#3A3A3A", | ||
| "dtActionColorForegroundMutedHover": "#3A3A3A", | ||
| "dtActionColorForegroundMutedActive": "#3A3A3A", | ||
| "dtActionColorForegroundDisabledDefault": "#808080", | ||
| "dtActionColorBackgroundBaseDefault": "transparent", | ||
| "dtActionColorBackgroundBaseHover": "#7c52ff0a", | ||
| "dtActionColorBackgroundBaseActive": "#7c52ff24", | ||
| "dtActionColorBackgroundBasePrimaryDefault": "#7C52FF", | ||
| "dtActionColorBackgroundBasePrimaryHover": "#6533FF", | ||
| "dtActionColorBackgroundBasePrimaryActive": "#4D14FF", | ||
| "dtActionColorBackgroundCriticalDefault": "transparent", | ||
| "dtActionColorBackgroundCriticalHover": "#ec0e0e08", | ||
| "dtActionColorBackgroundCriticalActive": "#ec0e0e17", | ||
| "dtActionColorBackgroundCriticalPrimaryDefault": "#EC0E0E", | ||
| "dtActionColorBackgroundCriticalPrimaryHover": "#D90D0D", | ||
| "dtActionColorBackgroundCriticalPrimaryActive": "#C50C0C", | ||
| "dtActionColorBackgroundInvertedDefault": "transparent", | ||
| "dtActionColorBackgroundInvertedHover": "#ffffff26", | ||
| "dtActionColorBackgroundInvertedActive": "#ffffff4d", | ||
| "dtActionColorBackgroundInvertedPrimaryDefault": "#ffffff", | ||
| "dtActionColorBackgroundInvertedPrimaryHover": "#F5F0FF", | ||
| "dtActionColorBackgroundInvertedPrimaryActive": "#E1D1FF", | ||
| "dtActionColorBackgroundMutedDefault": "transparent", | ||
| "dtActionColorBackgroundMutedHover": "#2222220d", | ||
| "dtActionColorBackgroundMutedActive": "#2222221a", | ||
| "dtActionColorBackgroundDisabledDefault": "#D2D2D2", | ||
| "dtActionColorBorderBaseOutlinedDefault": "#7C52FF", | ||
| "dtActionColorBorderCriticalOutlinedDefault": "#EC0E0E", | ||
| "dtActionColorBorderInvertedOutlinedDefault": "#F9F9F9", | ||
| "dtActionColorBorderMutedOutlinedDefault": "#555555", | ||
| "dtThemeSidebarColorForeground": "#000000", | ||
| "dtThemeSidebarColorBackground": "#F9F9F9", | ||
| "dtThemeSidebarIconColorForeground": "#3A3A3A", | ||
| "dtThemeSidebarStatusColorForeground": "#555555", | ||
| "dtThemeSidebarRowColorBackground": "transparent", | ||
| "dtThemeSidebarRowColorBackgroundHover": "#0000001a", | ||
| "dtThemeSidebarRowColorBackgroundActive": "#D2D2D2", | ||
| "dtThemeSidebarSelectedRowColorForeground": "#000000", | ||
| "dtThemeSidebarSelectedRowColorBackground": "#E9E9E9", | ||
| "dtThemePresenceColorBackgroundAvailable": "#1AA340", | ||
| "dtThemePresenceColorBackgroundBusyUnavailable": "#EC0E0E", | ||
| "dtThemePresenceColorBackgroundBusy": "#F6AB3C", | ||
| "dtThemePresenceColorBackgroundOffline": "#ffffff", | ||
| "dtThemeMentionColorForeground": "#ffffff", | ||
| "dtThemeMentionColorBackground": "#7C52FF", | ||
| "dtOpacity0": 0, | ||
@@ -286,0 +413,0 @@ "dtOpacity100": 0.05, |
| { | ||
| "name": "@dialpad/dialtone-tokens", | ||
| "version": "1.6.5", | ||
| "version": "1.7.0", | ||
| "description": "Design tokens for Dialtone.", | ||
@@ -9,3 +9,3 @@ "main": "index.js", | ||
| "build": "npm run transform && ./build.js && cp ./AndroidManifest.xml dist/android && ./gradlew publishToMavenLocal -Pversion=$npm_package_version && ./build-ios.js", | ||
| "transform": "token-transformer base.json tokens/tokens.json --expandTypography=true --expandShadow=true", | ||
| "transform": "token-transformer base.json tokens/tokens.json base,semantic --expandTypography=true --expandShadow=true", | ||
| "prepublishOnly": "npm run build", | ||
@@ -37,5 +37,5 @@ "release": "semantic-release --no-ci --extends ./release-local.config.js" | ||
| "maven": "^5.0.0", | ||
| "style-dictionary": "^3.7.1", | ||
| "token-transformer": "^0.0.24" | ||
| "style-dictionary": "^3.7.2", | ||
| "token-transformer": "^0.0.32" | ||
| } | ||
| } |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by40.92%
446423
- Lines of code
- increased by34.3%
9945
No dependency changes