Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@kong/design-tokens

Package Overview
Dependencies
Maintainers
2
Versions
327
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@kong/design-tokens - npm Package Compare versions

Comparing version 1.5.2-pr.46.b9d0918.0 to 1.5.2-pr.48.7260cc1.0

14

dist/tokens/js/cjs/index.d.ts
/**
* 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` */

6

package.json
{
"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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc