@launchpad-ui/tokens
Advanced tools
@launchpad-ui/tokens - npm Package Compare versions
Comparing version 0.4.10 to 0.5.0
| /** | ||
| * Do not edit directly | ||
| * Generated on Fri, 03 Mar 2023 18:28:17 GMT | ||
| * Generated on Tue, 07 Mar 2023 16:15:51 GMT | ||
| */ | ||
@@ -11,2 +11,86 @@ | ||
| export const BorderWidth300 : string; | ||
| export const ColorBgFeedbackPrimary : string; | ||
| export const ColorBgFeedbackError : string; | ||
| export const ColorBgFeedbackInfo : string; | ||
| export const ColorBgFeedbackSuccess : string; | ||
| export const ColorBgFeedbackWarning : string; | ||
| export const ColorBgInteractivePrimary : string; | ||
| export const ColorBgInteractivePrimaryActive : string; | ||
| export const ColorBgInteractivePrimaryFocus : string; | ||
| export const ColorBgInteractivePrimaryHover : string; | ||
| export const ColorBgInteractiveSecondary : string; | ||
| export const ColorBgInteractiveSecondaryActive : string; | ||
| export const ColorBgInteractiveSecondaryFocus : string; | ||
| export const ColorBgInteractiveSecondaryHover : string; | ||
| export const ColorBgInteractiveTertiary : string; | ||
| export const ColorBgInteractiveTertiaryActive : string; | ||
| export const ColorBgInteractiveTertiaryFocus : string; | ||
| export const ColorBgInteractiveTertiaryHover : string; | ||
| export const ColorBgInteractiveDestructive : string; | ||
| export const ColorBgInteractiveDestructiveActive : string; | ||
| export const ColorBgInteractiveDestructiveFocus : string; | ||
| export const ColorBgInteractiveDestructiveHover : string; | ||
| export const ColorBgInteractiveDisabled : string; | ||
| export const ColorBgUiPrimary : string; | ||
| export const ColorBgUiSecondary : string; | ||
| export const ColorBgUiTertiary : string; | ||
| export const ColorBgOverlayPrimary : string; | ||
| export const ColorBgOverlaySecondary : string; | ||
| export const ColorBgField : string; | ||
| export const ColorBgFieldDisabled : string; | ||
| export const ColorBgFieldAside : string; | ||
| export const ColorBorderFeedbackError : string; | ||
| export const ColorBorderFeedbackInfo : string; | ||
| export const ColorBorderFeedbackSuccess : string; | ||
| export const ColorBorderFeedbackWarning : string; | ||
| export const ColorBorderField : string; | ||
| export const ColorBorderFieldActive : string; | ||
| export const ColorBorderFieldFocus : string; | ||
| export const ColorBorderFieldError : string; | ||
| export const ColorBorderFieldDisabled : string; | ||
| export const ColorBorderInteractiveFocus : string; | ||
| export const ColorBorderInteractivePrimary : string; | ||
| export const ColorBorderInteractivePrimaryActive : string; | ||
| export const ColorBorderInteractivePrimaryFocus : string; | ||
| export const ColorBorderInteractivePrimaryHover : string; | ||
| export const ColorBorderInteractiveSecondary : string; | ||
| export const ColorBorderInteractiveSecondaryActive : string; | ||
| export const ColorBorderInteractiveSecondaryFocus : string; | ||
| export const ColorBorderInteractiveSecondaryHover : string; | ||
| export const ColorBorderInteractiveDestructive : string; | ||
| export const ColorBorderInteractiveDisabled : string; | ||
| export const ColorBorderUiPrimary : string; | ||
| export const ColorBorderUiSecondary : string; | ||
| export const ColorFillFeedbackError : string; | ||
| export const ColorFillFeedbackInfo : string; | ||
| export const ColorFillFeedbackSuccess : string; | ||
| export const ColorFillFeedbackWarning : string; | ||
| export const ColorFillInteractivePrimary : string; | ||
| export const ColorFillInteractiveDestructive : string; | ||
| export const ColorFillInteractiveDisabled : string; | ||
| export const ColorFillUiPrimary : string; | ||
| export const ColorFillField : string; | ||
| export const ColorShadowInteractiveFocus : string; | ||
| export const ColorShadowInteractivePrimary : string; | ||
| export const ColorShadowUiPrimary : string; | ||
| export const ColorTextFeedback : string; | ||
| export const ColorTextFeedbackError : string; | ||
| export const ColorTextFeedbackSuccess : string; | ||
| export const ColorTextFeedbackWarning : string; | ||
| export const ColorTextFeedbackInfo : string; | ||
| export const ColorTextInteractive : string; | ||
| export const ColorTextInteractiveActive : string; | ||
| export const ColorTextInteractivePrimary : string; | ||
| export const ColorTextInteractiveSecondary : string; | ||
| export const ColorTextInteractiveDestructive : string; | ||
| export const ColorTextInteractiveDisabled : string; | ||
| export const ColorTextUiPrimary : string; | ||
| export const ColorTextUiPrimaryInverted : string; | ||
| export const ColorTextUiSecondary : string; | ||
| export const ColorTextUiTertiary : string; | ||
| export const ColorTextOverlayPrimary : string; | ||
| export const ColorTextOverlaySecondary : string; | ||
| export const ColorTextField : string; | ||
| export const ColorTextFieldDisabled : string; | ||
| export const ColorTextFieldPlaceholder : string; | ||
| export const ColorBlue100 : string; | ||
@@ -100,86 +184,2 @@ export const ColorBlue200 : string; | ||
| export const ColorSystemYellow900 : string; | ||
| export const ColorBgFeedbackPrimary : string; | ||
| export const ColorBgFeedbackError : string; | ||
| export const ColorBgFeedbackInfo : string; | ||
| export const ColorBgFeedbackSuccess : string; | ||
| export const ColorBgFeedbackWarning : string; | ||
| export const ColorBgInteractivePrimary : string; | ||
| export const ColorBgInteractivePrimaryActive : string; | ||
| export const ColorBgInteractivePrimaryFocus : string; | ||
| export const ColorBgInteractivePrimaryHover : string; | ||
| export const ColorBgInteractiveSecondary : string; | ||
| export const ColorBgInteractiveSecondaryActive : string; | ||
| export const ColorBgInteractiveSecondaryFocus : string; | ||
| export const ColorBgInteractiveSecondaryHover : string; | ||
| export const ColorBgInteractiveTertiary : string; | ||
| export const ColorBgInteractiveTertiaryActive : string; | ||
| export const ColorBgInteractiveTertiaryFocus : string; | ||
| export const ColorBgInteractiveTertiaryHover : string; | ||
| export const ColorBgInteractiveDestructive : string; | ||
| export const ColorBgInteractiveDestructiveActive : string; | ||
| export const ColorBgInteractiveDestructiveFocus : string; | ||
| export const ColorBgInteractiveDestructiveHover : string; | ||
| export const ColorBgInteractiveDisabled : string; | ||
| export const ColorBgUiPrimary : string; | ||
| export const ColorBgUiSecondary : string; | ||
| export const ColorBgUiTertiary : string; | ||
| export const ColorBgOverlayPrimary : string; | ||
| export const ColorBgOverlaySecondary : string; | ||
| export const ColorBgField : string; | ||
| export const ColorBgFieldDisabled : string; | ||
| export const ColorBgFieldAside : string; | ||
| export const ColorBorderFeedbackError : string; | ||
| export const ColorBorderFeedbackInfo : string; | ||
| export const ColorBorderFeedbackSuccess : string; | ||
| export const ColorBorderFeedbackWarning : string; | ||
| export const ColorBorderField : string; | ||
| export const ColorBorderFieldActive : string; | ||
| export const ColorBorderFieldFocus : string; | ||
| export const ColorBorderFieldError : string; | ||
| export const ColorBorderFieldDisabled : string; | ||
| export const ColorBorderInteractiveFocus : string; | ||
| export const ColorBorderInteractivePrimary : string; | ||
| export const ColorBorderInteractivePrimaryActive : string; | ||
| export const ColorBorderInteractivePrimaryFocus : string; | ||
| export const ColorBorderInteractivePrimaryHover : string; | ||
| export const ColorBorderInteractiveSecondary : string; | ||
| export const ColorBorderInteractiveSecondaryActive : string; | ||
| export const ColorBorderInteractiveSecondaryFocus : string; | ||
| export const ColorBorderInteractiveSecondaryHover : string; | ||
| export const ColorBorderInteractiveDestructive : string; | ||
| export const ColorBorderInteractiveDisabled : string; | ||
| export const ColorBorderUiPrimary : string; | ||
| export const ColorBorderUiSecondary : string; | ||
| export const ColorFillFeedbackError : string; | ||
| export const ColorFillFeedbackInfo : string; | ||
| export const ColorFillFeedbackSuccess : string; | ||
| export const ColorFillFeedbackWarning : string; | ||
| export const ColorFillInteractivePrimary : string; | ||
| export const ColorFillInteractiveDestructive : string; | ||
| export const ColorFillInteractiveDisabled : string; | ||
| export const ColorFillUiPrimary : string; | ||
| export const ColorFillField : string; | ||
| export const ColorShadowInteractiveFocus : string; | ||
| export const ColorShadowInteractivePrimary : string; | ||
| export const ColorShadowUiPrimary : string; | ||
| export const ColorTextFeedback : string; | ||
| export const ColorTextFeedbackError : string; | ||
| export const ColorTextFeedbackSuccess : string; | ||
| export const ColorTextFeedbackWarning : string; | ||
| export const ColorTextFeedbackInfo : string; | ||
| export const ColorTextInteractive : string; | ||
| export const ColorTextInteractiveActive : string; | ||
| export const ColorTextInteractivePrimary : string; | ||
| export const ColorTextInteractiveSecondary : string; | ||
| export const ColorTextInteractiveDestructive : string; | ||
| export const ColorTextInteractiveDisabled : string; | ||
| export const ColorTextUiPrimary : string; | ||
| export const ColorTextUiPrimaryInverted : string; | ||
| export const ColorTextUiSecondary : string; | ||
| export const ColorTextUiTertiary : string; | ||
| export const ColorTextOverlayPrimary : string; | ||
| export const ColorTextOverlaySecondary : string; | ||
| export const ColorTextField : string; | ||
| export const ColorTextFieldDisabled : string; | ||
| export const ColorTextFieldPlaceholder : string; | ||
| export const Duration0 : string; | ||
@@ -186,0 +186,0 @@ export const Duration100 : string; |
| /** | ||
| * Do not edit directly | ||
| * Generated on Fri, 03 Mar 2023 18:28:17 GMT | ||
| * Generated on Tue, 07 Mar 2023 16:15:51 GMT | ||
| */ | ||
@@ -11,2 +11,86 @@ | ||
| export const BorderWidth300 = "0.2rem"; | ||
| export const ColorBgFeedbackPrimary = "#414042"; | ||
| export const ColorBgFeedbackError = "#e83b3b"; | ||
| export const ColorBgFeedbackInfo = "#405bff"; | ||
| export const ColorBgFeedbackSuccess = "#00da7b"; | ||
| export const ColorBgFeedbackWarning = "#eec340"; | ||
| export const ColorBgInteractivePrimary = "#405bff"; | ||
| export const ColorBgInteractivePrimaryActive = "#3044bf"; | ||
| export const ColorBgInteractivePrimaryFocus = "#3044bf"; | ||
| export const ColorBgInteractivePrimaryHover = "#364dd9"; | ||
| export const ColorBgInteractiveSecondary = "#ffffff"; | ||
| export const ColorBgInteractiveSecondaryActive = "#d1d3d4"; | ||
| export const ColorBgInteractiveSecondaryFocus = "#d1d3d4"; | ||
| export const ColorBgInteractiveSecondaryHover = "#e6e6e6"; | ||
| export const ColorBgInteractiveTertiary = "#000000"; | ||
| export const ColorBgInteractiveTertiaryActive = "#d1d3d4"; | ||
| export const ColorBgInteractiveTertiaryFocus = "#d1d3d4"; | ||
| export const ColorBgInteractiveTertiaryHover = "#e6e6e6"; | ||
| export const ColorBgInteractiveDestructive = "#ffffff"; | ||
| export const ColorBgInteractiveDestructiveActive = "#fce2e2"; | ||
| export const ColorBgInteractiveDestructiveFocus = "#fce2e2"; | ||
| export const ColorBgInteractiveDestructiveHover = "#fef5f5"; | ||
| export const ColorBgInteractiveDisabled = "#e6e6e6"; | ||
| export const ColorBgUiPrimary = "#ffffff"; | ||
| export const ColorBgUiSecondary = "#f8f8f8"; | ||
| export const ColorBgUiTertiary = "#e6e6e6"; | ||
| export const ColorBgOverlayPrimary = "#ffffff"; | ||
| export const ColorBgOverlaySecondary = "#191919"; | ||
| export const ColorBgField = "#ffffff"; | ||
| export const ColorBgFieldDisabled = "#e6e6e6"; | ||
| export const ColorBgFieldAside = "#e6e6e6"; | ||
| export const ColorBorderFeedbackError = "#ae2c2c"; | ||
| export const ColorBorderFeedbackInfo = "#3044bf"; | ||
| export const ColorBorderFeedbackSuccess = "#00a45c"; | ||
| export const ColorBorderFeedbackWarning = "#a98a2d"; | ||
| export const ColorBorderField = "#bcbec0"; | ||
| export const ColorBorderFieldActive = "#405bff"; | ||
| export const ColorBorderFieldFocus = "#405bff"; | ||
| export const ColorBorderFieldError = "#c73333"; | ||
| export const ColorBorderFieldDisabled = "#58595b"; | ||
| export const ColorBorderInteractiveFocus = "#405bff"; | ||
| export const ColorBorderInteractivePrimary = "#405bff"; | ||
| export const ColorBorderInteractivePrimaryActive = "#3044bf"; | ||
| export const ColorBorderInteractivePrimaryFocus = "#3044bf"; | ||
| export const ColorBorderInteractivePrimaryHover = "#364dd9"; | ||
| export const ColorBorderInteractiveSecondary = "#bcbec0"; | ||
| export const ColorBorderInteractiveSecondaryActive = "#58595b"; | ||
| export const ColorBorderInteractiveSecondaryFocus = "#58595b"; | ||
| export const ColorBorderInteractiveSecondaryHover = "#717275"; | ||
| export const ColorBorderInteractiveDestructive = "#ae2c2c"; | ||
| export const ColorBorderInteractiveDisabled = "#e6e6e6"; | ||
| export const ColorBorderUiPrimary = "#d1d3d4"; | ||
| export const ColorBorderUiSecondary = "#e6e6e6"; | ||
| export const ColorFillFeedbackError = "#ae2c2c"; | ||
| export const ColorFillFeedbackInfo = "#3044bf"; | ||
| export const ColorFillFeedbackSuccess = "#00a45c"; | ||
| export const ColorFillFeedbackWarning = "#a98a2d"; | ||
| export const ColorFillInteractivePrimary = "#ffffff"; | ||
| export const ColorFillInteractiveDestructive = "#ae2c2c"; | ||
| export const ColorFillInteractiveDisabled = "#58595b"; | ||
| export const ColorFillUiPrimary = "#000000"; | ||
| export const ColorFillField = "#717275"; | ||
| export const ColorShadowInteractiveFocus = "#405bff"; | ||
| export const ColorShadowInteractivePrimary = "#ffffff"; | ||
| export const ColorShadowUiPrimary = "#939598"; | ||
| export const ColorTextFeedback = "#191919"; | ||
| export const ColorTextFeedbackError = "#c73333"; | ||
| export const ColorTextFeedbackSuccess = "#007844"; | ||
| export const ColorTextFeedbackWarning = "#a98a2d"; | ||
| export const ColorTextFeedbackInfo = "#3044bf"; | ||
| export const ColorTextInteractive = "#364dd9"; | ||
| export const ColorTextInteractiveActive = "#8b43bd"; | ||
| export const ColorTextInteractivePrimary = "#ffffff"; | ||
| export const ColorTextInteractiveSecondary = "#717275"; | ||
| export const ColorTextInteractiveDestructive = "#ae2c2c"; | ||
| export const ColorTextInteractiveDisabled = "#58595b"; | ||
| export const ColorTextUiPrimary = "#191919"; | ||
| export const ColorTextUiPrimaryInverted = "#ffffff"; | ||
| export const ColorTextUiSecondary = "#414042"; | ||
| export const ColorTextUiTertiary = "#717275"; | ||
| export const ColorTextOverlayPrimary = "#414042"; | ||
| export const ColorTextOverlaySecondary = "#ffffff"; | ||
| export const ColorTextField = "#717275"; | ||
| export const ColorTextFieldDisabled = "#58595b"; | ||
| export const ColorTextFieldPlaceholder = "#939598"; | ||
| export const ColorBlue100 = "#f5f7ff"; | ||
@@ -100,86 +184,2 @@ export const ColorBlue200 = "#e2e6ff"; | ||
| export const ColorSystemYellow900 = "#836b23"; | ||
| export const ColorBgFeedbackPrimary = "#414042"; | ||
| export const ColorBgFeedbackError = "#e83b3b"; | ||
| export const ColorBgFeedbackInfo = "#405bff"; | ||
| export const ColorBgFeedbackSuccess = "#00da7b"; | ||
| export const ColorBgFeedbackWarning = "#eec340"; | ||
| export const ColorBgInteractivePrimary = "#405bff"; | ||
| export const ColorBgInteractivePrimaryActive = "#3044bf"; | ||
| export const ColorBgInteractivePrimaryFocus = "#3044bf"; | ||
| export const ColorBgInteractivePrimaryHover = "#364dd9"; | ||
| export const ColorBgInteractiveSecondary = "#ffffff"; | ||
| export const ColorBgInteractiveSecondaryActive = "#d1d3d4"; | ||
| export const ColorBgInteractiveSecondaryFocus = "#d1d3d4"; | ||
| export const ColorBgInteractiveSecondaryHover = "#e6e6e6"; | ||
| export const ColorBgInteractiveTertiary = "#000000"; | ||
| export const ColorBgInteractiveTertiaryActive = "#d1d3d4"; | ||
| export const ColorBgInteractiveTertiaryFocus = "#d1d3d4"; | ||
| export const ColorBgInteractiveTertiaryHover = "#e6e6e6"; | ||
| export const ColorBgInteractiveDestructive = "#ffffff"; | ||
| export const ColorBgInteractiveDestructiveActive = "#fce2e2"; | ||
| export const ColorBgInteractiveDestructiveFocus = "#fce2e2"; | ||
| export const ColorBgInteractiveDestructiveHover = "#fef5f5"; | ||
| export const ColorBgInteractiveDisabled = "#e6e6e6"; | ||
| export const ColorBgUiPrimary = "#ffffff"; | ||
| export const ColorBgUiSecondary = "#f8f8f8"; | ||
| export const ColorBgUiTertiary = "#e6e6e6"; | ||
| export const ColorBgOverlayPrimary = "#ffffff"; | ||
| export const ColorBgOverlaySecondary = "#191919"; | ||
| export const ColorBgField = "#ffffff"; | ||
| export const ColorBgFieldDisabled = "#e6e6e6"; | ||
| export const ColorBgFieldAside = "#e6e6e6"; | ||
| export const ColorBorderFeedbackError = "#ae2c2c"; | ||
| export const ColorBorderFeedbackInfo = "#3044bf"; | ||
| export const ColorBorderFeedbackSuccess = "#00a45c"; | ||
| export const ColorBorderFeedbackWarning = "#a98a2d"; | ||
| export const ColorBorderField = "#bcbec0"; | ||
| export const ColorBorderFieldActive = "#405bff"; | ||
| export const ColorBorderFieldFocus = "#405bff"; | ||
| export const ColorBorderFieldError = "#c73333"; | ||
| export const ColorBorderFieldDisabled = "#58595b"; | ||
| export const ColorBorderInteractiveFocus = "#405bff"; | ||
| export const ColorBorderInteractivePrimary = "#405bff"; | ||
| export const ColorBorderInteractivePrimaryActive = "#3044bf"; | ||
| export const ColorBorderInteractivePrimaryFocus = "#3044bf"; | ||
| export const ColorBorderInteractivePrimaryHover = "#364dd9"; | ||
| export const ColorBorderInteractiveSecondary = "#bcbec0"; | ||
| export const ColorBorderInteractiveSecondaryActive = "#58595b"; | ||
| export const ColorBorderInteractiveSecondaryFocus = "#58595b"; | ||
| export const ColorBorderInteractiveSecondaryHover = "#717275"; | ||
| export const ColorBorderInteractiveDestructive = "#ae2c2c"; | ||
| export const ColorBorderInteractiveDisabled = "#e6e6e6"; | ||
| export const ColorBorderUiPrimary = "#d1d3d4"; | ||
| export const ColorBorderUiSecondary = "#e6e6e6"; | ||
| export const ColorFillFeedbackError = "#ae2c2c"; | ||
| export const ColorFillFeedbackInfo = "#3044bf"; | ||
| export const ColorFillFeedbackSuccess = "#00a45c"; | ||
| export const ColorFillFeedbackWarning = "#a98a2d"; | ||
| export const ColorFillInteractivePrimary = "#ffffff"; | ||
| export const ColorFillInteractiveDestructive = "#ae2c2c"; | ||
| export const ColorFillInteractiveDisabled = "#58595b"; | ||
| export const ColorFillUiPrimary = "#000000"; | ||
| export const ColorFillField = "#717275"; | ||
| export const ColorShadowInteractiveFocus = "#405bff"; | ||
| export const ColorShadowInteractivePrimary = "#ffffff"; | ||
| export const ColorShadowUiPrimary = "#939598"; | ||
| export const ColorTextFeedback = "#191919"; | ||
| export const ColorTextFeedbackError = "#c73333"; | ||
| export const ColorTextFeedbackSuccess = "#007844"; | ||
| export const ColorTextFeedbackWarning = "#a98a2d"; | ||
| export const ColorTextFeedbackInfo = "#3044bf"; | ||
| export const ColorTextInteractive = "#364dd9"; | ||
| export const ColorTextInteractiveActive = "#8b43bd"; | ||
| export const ColorTextInteractivePrimary = "#ffffff"; | ||
| export const ColorTextInteractiveSecondary = "#717275"; | ||
| export const ColorTextInteractiveDestructive = "#ae2c2c"; | ||
| export const ColorTextInteractiveDisabled = "#58595b"; | ||
| export const ColorTextUiPrimary = "#191919"; | ||
| export const ColorTextUiPrimaryInverted = "#ffffff"; | ||
| export const ColorTextUiSecondary = "#58595b"; | ||
| export const ColorTextUiTertiary = "#717275"; | ||
| export const ColorTextOverlayPrimary = "#414042"; | ||
| export const ColorTextOverlaySecondary = "#ffffff"; | ||
| export const ColorTextField = "#717275"; | ||
| export const ColorTextFieldDisabled = "#58595b"; | ||
| export const ColorTextFieldPlaceholder = "#939598"; | ||
| export const Duration0 = "0ms"; | ||
@@ -186,0 +186,0 @@ export const Duration100 = "100ms"; |
| { | ||
| "name": "@launchpad-ui/tokens", | ||
| "version": "0.4.10", | ||
| "version": "0.5.0", | ||
| "status": "beta", | ||
@@ -26,3 +26,3 @@ "publishConfig": { | ||
| "./package.json": "./package.json", | ||
| "./dark.css": "./dist/dark.css", | ||
| "./themes.css": "./dist/themes.css", | ||
| "./index.css": "./dist/index.css", | ||
@@ -29,0 +29,0 @@ "./media-queries.css": "./dist/media-queries.css" |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
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 by1.88%
155848
- Lines of code
- increased by0.36%
5556
No dependency changes