@kong/design-tokens
Advanced tools
Comparing version 1.5.2-pr.46.b9d0918.0 to 1.5.2-pr.48.7260cc1.0
/** | ||
* Do not edit directly | ||
* Generated on Thu, 13 Jul 2023 13:47:15 GMT | ||
* Generated on Thu, 13 Jul 2023 20:35:19 GMT | ||
* | ||
@@ -148,2 +148,14 @@ * Kong Design Tokens | ||
}, | ||
"icon": { | ||
"size": { | ||
"10": DesignToken, | ||
"20": DesignToken, | ||
"30": DesignToken, | ||
"40": DesignToken, | ||
"50": DesignToken, | ||
"60": DesignToken, | ||
"70": DesignToken, | ||
"80": DesignToken | ||
} | ||
}, | ||
"method": { | ||
@@ -150,0 +162,0 @@ "color": { |
/** | ||
* Do not edit directly | ||
* Generated on Thu, 13 Jul 2023 13:47:15 GMT | ||
* Generated on Thu, 13 Jul 2023 20:35:19 GMT | ||
* | ||
@@ -88,2 +88,10 @@ * Kong Design Tokens | ||
"KUI_BREAKPOINT_TABLET": "1024px", | ||
"KUI_ICON_SIZE_10": "10px", | ||
"KUI_ICON_SIZE_20": "12px", | ||
"KUI_ICON_SIZE_30": "16px", | ||
"KUI_ICON_SIZE_40": "20px", | ||
"KUI_ICON_SIZE_50": "24px", | ||
"KUI_ICON_SIZE_60": "32px", | ||
"KUI_ICON_SIZE_70": "40px", | ||
"KUI_ICON_SIZE_80": "48px", | ||
"KUI_METHOD_COLOR_BACKGROUND_CONNECT": "#f1f0ff", | ||
@@ -90,0 +98,0 @@ "KUI_METHOD_COLOR_BACKGROUND_DELETE": "#ffe5e5", |
/** | ||
* Do not edit directly | ||
* Generated on Thu, 13 Jul 2023 13:47:15 GMT | ||
* Generated on Thu, 13 Jul 2023 20:35:19 GMT | ||
* | ||
@@ -155,2 +155,11 @@ * Kong Design Tokens | ||
export const KUI_BREAKPOINT_TABLET : "1024px"; | ||
export const KUI_ICON_SIZE_10 : "10px"; | ||
export const KUI_ICON_SIZE_20 : "12px"; | ||
export const KUI_ICON_SIZE_30 : "16px"; | ||
export const KUI_ICON_SIZE_40 : "20px"; | ||
/** The default icon size */ | ||
export const KUI_ICON_SIZE_50 : "24px"; | ||
export const KUI_ICON_SIZE_60 : "32px"; | ||
export const KUI_ICON_SIZE_70 : "40px"; | ||
export const KUI_ICON_SIZE_80 : "48px"; | ||
/** purple.10 */ | ||
@@ -157,0 +166,0 @@ export const KUI_METHOD_COLOR_BACKGROUND_CONNECT : "#f1f0ff"; |
<!-- | ||
* Do not edit directly | ||
* Generated on Thu, 13 Jul 2023 13:47:15 GMT | ||
* Generated on Thu, 13 Jul 2023 20:35:19 GMT | ||
* | ||
@@ -98,2 +98,10 @@ * Kong Design Tokens | ||
$kui-breakpoint-tablet: 1024px; /* Used for larger tablet screens. Any viewport width less than this value is considered a mobile layout. Any viewport width this size and greater is considered a desktop layout. */ | ||
$kui-icon-size-10: 10px; | ||
$kui-icon-size-20: 12px; | ||
$kui-icon-size-30: 16px; | ||
$kui-icon-size-40: 20px; | ||
$kui-icon-size-50: 24px; /* The default icon size */ | ||
$kui-icon-size-60: 32px; | ||
$kui-icon-size-70: 40px; | ||
$kui-icon-size-80: 48px; | ||
$kui-method-color-background-connect: #f1f0ff; /* purple.10 */ | ||
@@ -248,2 +256,10 @@ $kui-method-color-background-delete: #ffe5e5; /* red.10 */ | ||
export const KUI_BREAKPOINT_TABLET = "1024px"; /* Used for larger tablet screens. Any viewport width less than this value is considered a mobile layout. Any viewport width this size and greater is considered a desktop layout. */ | ||
export const KUI_ICON_SIZE_10 = "10px"; | ||
export const KUI_ICON_SIZE_20 = "12px"; | ||
export const KUI_ICON_SIZE_30 = "16px"; | ||
export const KUI_ICON_SIZE_40 = "20px"; | ||
export const KUI_ICON_SIZE_50 = "24px"; /* The default icon size */ | ||
export const KUI_ICON_SIZE_60 = "32px"; | ||
export const KUI_ICON_SIZE_70 = "40px"; | ||
export const KUI_ICON_SIZE_80 = "48px"; | ||
export const KUI_METHOD_COLOR_BACKGROUND_CONNECT = "#f1f0ff"; /* purple.10 */ | ||
@@ -408,2 +424,10 @@ export const KUI_METHOD_COLOR_BACKGROUND_DELETE = "#ffe5e5"; /* red.10 */ | ||
--kui-breakpoint-tablet: initial; /* Used for larger tablet screens. Any viewport width less than this value is considered a mobile layout. Any viewport width this size and greater is considered a desktop layout. Default value: `1024px` */ | ||
--kui-icon-size-10: initial; /* Default value: `10px` */ | ||
--kui-icon-size-20: initial; /* Default value: `12px` */ | ||
--kui-icon-size-30: initial; /* Default value: `16px` */ | ||
--kui-icon-size-40: initial; /* Default value: `20px` */ | ||
--kui-icon-size-50: initial; /* The default icon size. Default value: `24px` */ | ||
--kui-icon-size-60: initial; /* Default value: `32px` */ | ||
--kui-icon-size-70: initial; /* Default value: `40px` */ | ||
--kui-icon-size-80: initial; /* Default value: `48px` */ | ||
--kui-method-color-background-connect: initial; /* purple.10. Default value: `#f1f0ff` */ | ||
@@ -410,0 +434,0 @@ --kui-method-color-background-delete: initial; /* red.10. Default value: `#ffe5e5` */ |
{ | ||
"name": "@kong/design-tokens", | ||
"version": "1.5.2-pr.46.b9d0918.0", | ||
"version": "1.5.2-pr.48.7260cc1.0", | ||
"description": "Kong UI Design Tokens and style dictionary", | ||
@@ -59,4 +59,4 @@ "scripts": { | ||
"@semantic-release/git": "^10.0.1", | ||
"@typescript-eslint/eslint-plugin": "^5.60.1", | ||
"@typescript-eslint/parser": "^5.60.1", | ||
"@typescript-eslint/eslint-plugin": "^5.61.0", | ||
"@typescript-eslint/parser": "^5.61.0", | ||
"@vitejs/plugin-vue": "^4.2.3", | ||
@@ -63,0 +63,0 @@ "chokidar-cli": "^3.0.0", |
@@ -173,3 +173,2 @@ # Kong UI Design Tokens | ||
*/ | ||
--my-custom-scoped-css-variable: var(--kui-space-20, #{$kui-space-20}); | ||
@@ -176,0 +175,0 @@ |
<!-- | ||
* Do not edit directly | ||
* Generated on Thu, 13 Jul 2023 13:47:15 GMT | ||
* Generated on Thu, 13 Jul 2023 20:35:19 GMT | ||
* | ||
@@ -98,2 +98,10 @@ * Kong Design Tokens | ||
$kui-breakpoint-tablet: 1024px; /* Used for larger tablet screens. Any viewport width less than this value is considered a mobile layout. Any viewport width this size and greater is considered a desktop layout. */ | ||
$kui-icon-size-10: 10px; | ||
$kui-icon-size-20: 12px; | ||
$kui-icon-size-30: 16px; | ||
$kui-icon-size-40: 20px; | ||
$kui-icon-size-50: 24px; /* The default icon size */ | ||
$kui-icon-size-60: 32px; | ||
$kui-icon-size-70: 40px; | ||
$kui-icon-size-80: 48px; | ||
$kui-method-color-background-connect: #f1f0ff; /* purple.10 */ | ||
@@ -248,2 +256,10 @@ $kui-method-color-background-delete: #ffe5e5; /* red.10 */ | ||
export const KUI_BREAKPOINT_TABLET = "1024px"; /* Used for larger tablet screens. Any viewport width less than this value is considered a mobile layout. Any viewport width this size and greater is considered a desktop layout. */ | ||
export const KUI_ICON_SIZE_10 = "10px"; | ||
export const KUI_ICON_SIZE_20 = "12px"; | ||
export const KUI_ICON_SIZE_30 = "16px"; | ||
export const KUI_ICON_SIZE_40 = "20px"; | ||
export const KUI_ICON_SIZE_50 = "24px"; /* The default icon size */ | ||
export const KUI_ICON_SIZE_60 = "32px"; | ||
export const KUI_ICON_SIZE_70 = "40px"; | ||
export const KUI_ICON_SIZE_80 = "48px"; | ||
export const KUI_METHOD_COLOR_BACKGROUND_CONNECT = "#f1f0ff"; /* purple.10 */ | ||
@@ -408,2 +424,10 @@ export const KUI_METHOD_COLOR_BACKGROUND_DELETE = "#ffe5e5"; /* red.10 */ | ||
--kui-breakpoint-tablet: initial; /* Used for larger tablet screens. Any viewport width less than this value is considered a mobile layout. Any viewport width this size and greater is considered a desktop layout. Default value: `1024px` */ | ||
--kui-icon-size-10: initial; /* Default value: `10px` */ | ||
--kui-icon-size-20: initial; /* Default value: `12px` */ | ||
--kui-icon-size-30: initial; /* Default value: `16px` */ | ||
--kui-icon-size-40: initial; /* Default value: `20px` */ | ||
--kui-icon-size-50: initial; /* The default icon size. Default value: `24px` */ | ||
--kui-icon-size-60: initial; /* Default value: `32px` */ | ||
--kui-icon-size-70: initial; /* Default value: `40px` */ | ||
--kui-icon-size-80: initial; /* Default value: `48px` */ | ||
--kui-method-color-background-connect: initial; /* purple.10. Default value: `#f1f0ff` */ | ||
@@ -410,0 +434,0 @@ --kui-method-color-background-delete: initial; /* red.10. Default value: `#ffe5e5` */ |
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
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
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
Deprecated
MaintenanceThe maintainer of the package marked it as deprecated. This could indicate that a single version should not be used, or that the package is no longer maintained and any new vulnerabilities will not be fixed.
Found 1 instance in 1 package
148046
992
0
391