@kong/design-tokens 1.7.0 → 1.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/TOKENS.md +153 -153
- package/dist/tokens/README.md +153 -153
- package/dist/tokens/css/custom-properties-list.css +2 -2
- package/dist/tokens/css/custom-properties.css +2 -2
- package/dist/tokens/js/cjs/index.d.ts +1 -1
- package/dist/tokens/js/cjs/index.js +1 -1
- package/dist/tokens/js/index.d.ts +2 -2
- package/dist/tokens/js/index.mjs +2 -2
- package/dist/tokens/js/tokens.json +146 -146
- package/dist/tokens/less/variables.less +2 -2
- package/dist/tokens/scss/_map.scss +2 -2
- package/dist/tokens/scss/_mixins.scss +2 -2
- package/dist/tokens/scss/_variables.scss +2 -2
- package/package.json +1 -1
package/TOKENS.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<!--
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri, 21 Jul 2023
|
|
3
|
+
* Generated on Fri, 21 Jul 2023 22:05:42 GMT
|
|
4
4
|
*
|
|
5
5
|
* Kong Design Tokens
|
|
6
6
|
* GitHub: https://github.com/Kong/design-tokens
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
# Kong Design Tokens
|
|
11
11
|
|
|
12
|
-
This document outlines
|
|
12
|
+
This document outlines the majority of the available tokens.
|
|
13
13
|
|
|
14
14
|
## SCSS
|
|
15
15
|
|
|
@@ -155,7 +155,7 @@ $kui-border-width-0: 0px;
|
|
|
155
155
|
$kui-border-width-10: 1px;
|
|
156
156
|
$kui-border-width-20: 2px;
|
|
157
157
|
$kui-border-width-30: 4px;
|
|
158
|
-
/* Used for larger mobile screens.
|
|
158
|
+
/* Used for larger mobile screens. Any viewport width under this value is considered mobile. */
|
|
159
159
|
$kui-breakpoint-mobile: 640px;
|
|
160
160
|
/* Used for tablet screens. */
|
|
161
161
|
$kui-breakpoint-phablet: 768px;
|
|
@@ -433,7 +433,7 @@ $tokens-map: (
|
|
|
433
433
|
'kui-border-width-10': 1px;
|
|
434
434
|
'kui-border-width-20': 2px;
|
|
435
435
|
'kui-border-width-30': 4px;
|
|
436
|
-
/* Used for larger mobile screens.
|
|
436
|
+
/* Used for larger mobile screens. Any viewport width under this value is considered mobile. */
|
|
437
437
|
'kui-breakpoint-mobile': 640px;
|
|
438
438
|
/* Used for tablet screens. */
|
|
439
439
|
'kui-breakpoint-phablet': 768px;
|
|
@@ -713,7 +713,7 @@ $tokens-map: (
|
|
|
713
713
|
@kui-border-width-10: 1px;
|
|
714
714
|
@kui-border-width-20: 2px;
|
|
715
715
|
@kui-border-width-30: 4px;
|
|
716
|
-
/* Used for larger mobile screens.
|
|
716
|
+
/* Used for larger mobile screens. Any viewport width under this value is considered mobile. */
|
|
717
717
|
@kui-breakpoint-mobile: 640px;
|
|
718
718
|
/* Used for tablet screens. */
|
|
719
719
|
@kui-breakpoint-phablet: 768px;
|
|
@@ -994,7 +994,7 @@ You may scope your CSS custom property overrides inside the `:root` selector as
|
|
|
994
994
|
--kui-border-width-10: 1px;
|
|
995
995
|
--kui-border-width-20: 2px;
|
|
996
996
|
--kui-border-width-30: 4px;
|
|
997
|
-
/* Used for larger mobile screens.
|
|
997
|
+
/* Used for larger mobile screens. Any viewport width under this value is considered mobile. */
|
|
998
998
|
--kui-breakpoint-mobile: 640px;
|
|
999
999
|
/* Used for tablet screens. */
|
|
1000
1000
|
--kui-breakpoint-phablet: 768px;
|
|
@@ -1273,7 +1273,7 @@ export const KUI_BORDER_WIDTH_0 = "0px";
|
|
|
1273
1273
|
export const KUI_BORDER_WIDTH_10 = "1px";
|
|
1274
1274
|
export const KUI_BORDER_WIDTH_20 = "2px";
|
|
1275
1275
|
export const KUI_BORDER_WIDTH_30 = "4px";
|
|
1276
|
-
/* Used for larger mobile screens.
|
|
1276
|
+
/* Used for larger mobile screens. Any viewport width under this value is considered mobile. */
|
|
1277
1277
|
export const KUI_BREAKPOINT_MOBILE = "640px";
|
|
1278
1278
|
/* Used for tablet screens. */
|
|
1279
1279
|
export const KUI_BREAKPOINT_PHABLET = "768px";
|
|
@@ -1416,152 +1416,152 @@ export const KUI_SPACE_AUTO = "auto";
|
|
|
1416
1416
|
|
|
1417
1417
|
```json
|
|
1418
1418
|
{
|
|
1419
|
-
"
|
|
1420
|
-
"
|
|
1421
|
-
"
|
|
1422
|
-
"
|
|
1423
|
-
"
|
|
1424
|
-
"
|
|
1425
|
-
"
|
|
1426
|
-
"
|
|
1427
|
-
"
|
|
1428
|
-
"
|
|
1429
|
-
"
|
|
1430
|
-
"
|
|
1431
|
-
"
|
|
1432
|
-
"
|
|
1433
|
-
"
|
|
1434
|
-
"
|
|
1435
|
-
"
|
|
1436
|
-
"
|
|
1437
|
-
"
|
|
1438
|
-
"
|
|
1439
|
-
"
|
|
1440
|
-
"
|
|
1441
|
-
"
|
|
1442
|
-
"
|
|
1443
|
-
"
|
|
1444
|
-
"
|
|
1445
|
-
"
|
|
1446
|
-
"
|
|
1447
|
-
"
|
|
1448
|
-
"
|
|
1449
|
-
"
|
|
1450
|
-
"
|
|
1451
|
-
"
|
|
1452
|
-
"
|
|
1453
|
-
"
|
|
1454
|
-
"
|
|
1455
|
-
"
|
|
1456
|
-
"
|
|
1457
|
-
"
|
|
1458
|
-
"
|
|
1459
|
-
"
|
|
1460
|
-
"
|
|
1461
|
-
"
|
|
1462
|
-
"
|
|
1463
|
-
"
|
|
1464
|
-
"
|
|
1465
|
-
"
|
|
1466
|
-
"
|
|
1467
|
-
"
|
|
1468
|
-
"
|
|
1469
|
-
"
|
|
1470
|
-
"
|
|
1471
|
-
"
|
|
1472
|
-
"
|
|
1473
|
-
"
|
|
1474
|
-
"
|
|
1475
|
-
"
|
|
1476
|
-
"
|
|
1477
|
-
"
|
|
1478
|
-
"
|
|
1479
|
-
"
|
|
1480
|
-
"
|
|
1481
|
-
"
|
|
1482
|
-
"
|
|
1483
|
-
"
|
|
1484
|
-
"
|
|
1485
|
-
"
|
|
1486
|
-
"
|
|
1487
|
-
"
|
|
1488
|
-
"
|
|
1489
|
-
"
|
|
1490
|
-
"
|
|
1491
|
-
"
|
|
1492
|
-
"
|
|
1493
|
-
"
|
|
1494
|
-
"
|
|
1495
|
-
"
|
|
1496
|
-
"
|
|
1497
|
-
"
|
|
1498
|
-
"
|
|
1499
|
-
"
|
|
1500
|
-
"
|
|
1501
|
-
"
|
|
1502
|
-
"
|
|
1503
|
-
"
|
|
1504
|
-
"
|
|
1505
|
-
"
|
|
1506
|
-
"
|
|
1507
|
-
"
|
|
1508
|
-
"
|
|
1509
|
-
"
|
|
1510
|
-
"
|
|
1511
|
-
"
|
|
1512
|
-
"
|
|
1513
|
-
"
|
|
1514
|
-
"
|
|
1515
|
-
"
|
|
1516
|
-
"
|
|
1517
|
-
"
|
|
1518
|
-
"
|
|
1519
|
-
"
|
|
1520
|
-
"
|
|
1521
|
-
"
|
|
1522
|
-
"
|
|
1523
|
-
"
|
|
1524
|
-
"
|
|
1525
|
-
"
|
|
1526
|
-
"
|
|
1527
|
-
"
|
|
1528
|
-
"
|
|
1529
|
-
"
|
|
1530
|
-
"
|
|
1531
|
-
"
|
|
1532
|
-
"
|
|
1533
|
-
"
|
|
1534
|
-
"
|
|
1535
|
-
"
|
|
1536
|
-
"
|
|
1537
|
-
"
|
|
1538
|
-
"
|
|
1539
|
-
"
|
|
1540
|
-
"
|
|
1541
|
-
"
|
|
1542
|
-
"
|
|
1543
|
-
"
|
|
1544
|
-
"
|
|
1545
|
-
"
|
|
1546
|
-
"
|
|
1547
|
-
"
|
|
1548
|
-
"
|
|
1549
|
-
"
|
|
1550
|
-
"
|
|
1551
|
-
"
|
|
1552
|
-
"
|
|
1553
|
-
"
|
|
1554
|
-
"
|
|
1555
|
-
"
|
|
1556
|
-
"
|
|
1557
|
-
"
|
|
1558
|
-
"
|
|
1559
|
-
"
|
|
1560
|
-
"
|
|
1561
|
-
"
|
|
1562
|
-
"
|
|
1563
|
-
"
|
|
1564
|
-
"
|
|
1419
|
+
"kui_color_background": "#ffffff",
|
|
1420
|
+
"kui_color_background_danger": "#d60027",
|
|
1421
|
+
"kui_color_background_danger_strong": "#ad000e",
|
|
1422
|
+
"kui_color_background_danger_stronger": "#850000",
|
|
1423
|
+
"kui_color_background_danger_strongest": "#5c0000",
|
|
1424
|
+
"kui_color_background_danger_weak": "#ff3954",
|
|
1425
|
+
"kui_color_background_danger_weaker": "#ffabab",
|
|
1426
|
+
"kui_color_background_danger_weakest": "#ffe5e5",
|
|
1427
|
+
"kui_color_background_disabled": "#e0e4ea",
|
|
1428
|
+
"kui_color_background_inverse": "#000933",
|
|
1429
|
+
"kui_color_background_neutral": "#6c7489",
|
|
1430
|
+
"kui_color_background_neutral_strong": "#52596e",
|
|
1431
|
+
"kui_color_background_neutral_stronger": "#3a3f51",
|
|
1432
|
+
"kui_color_background_neutral_strongest": "#232633",
|
|
1433
|
+
"kui_color_background_neutral_weak": "#afb7c5",
|
|
1434
|
+
"kui_color_background_neutral_weaker": "#e0e4ea",
|
|
1435
|
+
"kui_color_background_neutral_weakest": "#f9fafb",
|
|
1436
|
+
"kui_color_background_primary": "#0044f4",
|
|
1437
|
+
"kui_color_background_primary_strong": "#0030cc",
|
|
1438
|
+
"kui_color_background_primary_stronger": "#002099",
|
|
1439
|
+
"kui_color_background_primary_strongest": "#001466",
|
|
1440
|
+
"kui_color_background_primary_weak": "#5f9aff",
|
|
1441
|
+
"kui_color_background_primary_weaker": "#bee2ff",
|
|
1442
|
+
"kui_color_background_primary_weakest": "#eefaff",
|
|
1443
|
+
"kui_color_background_success_weakest": "#ecfffb",
|
|
1444
|
+
"kui_color_background_transparent": "rgba(0, 0, 0, 0)",
|
|
1445
|
+
"kui_color_background_warning_weakest": "#fffce0",
|
|
1446
|
+
"kui_color_border": "#e0e4ea",
|
|
1447
|
+
"kui_color_border_danger": "#d60027",
|
|
1448
|
+
"kui_color_border_danger_strong": "#ad000e",
|
|
1449
|
+
"kui_color_border_danger_stronger": "#850000",
|
|
1450
|
+
"kui_color_border_danger_strongest": "#5c0000",
|
|
1451
|
+
"kui_color_border_danger_weak": "#ff3954",
|
|
1452
|
+
"kui_color_border_danger_weaker": "#ffabab",
|
|
1453
|
+
"kui_color_border_danger_weakest": "#ffe5e5",
|
|
1454
|
+
"kui_color_border_decorative": "#6f28ff",
|
|
1455
|
+
"kui_color_border_disabled": "#e0e4ea",
|
|
1456
|
+
"kui_color_border_neutral_weak": "#afb7c5",
|
|
1457
|
+
"kui_color_border_primary": "#0044f4",
|
|
1458
|
+
"kui_color_border_primary_strong": "#0030cc",
|
|
1459
|
+
"kui_color_border_primary_stronger": "#002099",
|
|
1460
|
+
"kui_color_border_primary_strongest": "#001466",
|
|
1461
|
+
"kui_color_border_primary_weak": "#5f9aff",
|
|
1462
|
+
"kui_color_border_primary_weaker": "#bee2ff",
|
|
1463
|
+
"kui_color_border_primary_weakest": "#eefaff",
|
|
1464
|
+
"kui_color_border_transparent": "rgba(0, 0, 0, 0)",
|
|
1465
|
+
"kui_color_text": "#000933",
|
|
1466
|
+
"kui_color_text_danger": "#d60027",
|
|
1467
|
+
"kui_color_text_decorative": "#00abd2",
|
|
1468
|
+
"kui_color_text_disabled": "#828a9e",
|
|
1469
|
+
"kui_color_text_inverse": "#ffffff",
|
|
1470
|
+
"kui_color_text_neutral": "#6c7489",
|
|
1471
|
+
"kui_color_text_neutral_strong": "#52596e",
|
|
1472
|
+
"kui_color_text_neutral_stronger": "#3a3f51",
|
|
1473
|
+
"kui_color_text_neutral_strongest": "#232633",
|
|
1474
|
+
"kui_color_text_neutral_weak": "#afb7c5",
|
|
1475
|
+
"kui_color_text_primary": "#0044f4",
|
|
1476
|
+
"kui_color_text_primary_strong": "#0030cc",
|
|
1477
|
+
"kui_color_text_primary_stronger": "#002099",
|
|
1478
|
+
"kui_color_text_success": "#007d60",
|
|
1479
|
+
"kui_color_text_warning": "#995c00",
|
|
1480
|
+
"kui_border_radius_0": "0px",
|
|
1481
|
+
"kui_border_radius_10": "2px",
|
|
1482
|
+
"kui_border_radius_20": "4px",
|
|
1483
|
+
"kui_border_radius_30": "6px",
|
|
1484
|
+
"kui_border_radius_40": "8px",
|
|
1485
|
+
"kui_border_radius_circle": "50%",
|
|
1486
|
+
"kui_border_radius_round": "100px",
|
|
1487
|
+
"kui_border_width_0": "0px",
|
|
1488
|
+
"kui_border_width_10": "1px",
|
|
1489
|
+
"kui_border_width_20": "2px",
|
|
1490
|
+
"kui_border_width_30": "4px",
|
|
1491
|
+
"kui_breakpoint_mobile": "640px",
|
|
1492
|
+
"kui_breakpoint_phablet": "768px",
|
|
1493
|
+
"kui_breakpoint_tablet": "1024px",
|
|
1494
|
+
"kui_breakpoint_laptop": "1280px",
|
|
1495
|
+
"kui_breakpoint_desktop": "1536px",
|
|
1496
|
+
"kui_icon_size_10": "10px",
|
|
1497
|
+
"kui_icon_size_20": "12px",
|
|
1498
|
+
"kui_icon_size_30": "16px",
|
|
1499
|
+
"kui_icon_size_40": "20px",
|
|
1500
|
+
"kui_icon_size_50": "24px",
|
|
1501
|
+
"kui_icon_size_60": "32px",
|
|
1502
|
+
"kui_icon_size_70": "40px",
|
|
1503
|
+
"kui_icon_size_80": "48px",
|
|
1504
|
+
"kui_method_color_background_connect": "#f1f0ff",
|
|
1505
|
+
"kui_method_color_background_delete": "#ffe5e5",
|
|
1506
|
+
"kui_method_color_background_get": "#eefaff",
|
|
1507
|
+
"kui_method_color_background_head": "#6c7489",
|
|
1508
|
+
"kui_method_color_background_options": "#f9fafb",
|
|
1509
|
+
"kui_method_color_background_patch": "#ecfcff",
|
|
1510
|
+
"kui_method_color_background_post": "#ecfffb",
|
|
1511
|
+
"kui_method_color_background_put": "#fffce0",
|
|
1512
|
+
"kui_method_color_background_trace": "#fff0f7",
|
|
1513
|
+
"kui_method_color_text_connect": "#6f28ff",
|
|
1514
|
+
"kui_method_color_text_delete": "#d60027",
|
|
1515
|
+
"kui_method_color_text_get": "#0044f4",
|
|
1516
|
+
"kui_method_color_text_head": "#f9fafb",
|
|
1517
|
+
"kui_method_color_text_options": "#6c7489",
|
|
1518
|
+
"kui_method_color_text_patch": "#00819d",
|
|
1519
|
+
"kui_method_color_text_post": "#007d60",
|
|
1520
|
+
"kui_method_color_text_put": "#995c00",
|
|
1521
|
+
"kui_method_color_text_trace": "#d60067",
|
|
1522
|
+
"kui_font_family_code": "'JetBrains Mono', Consolas, monospace",
|
|
1523
|
+
"kui_font_family_text": "'Inter', Roboto, Helvetica, sans-serif",
|
|
1524
|
+
"kui_font_size_10": "10px",
|
|
1525
|
+
"kui_font_size_20": "12px",
|
|
1526
|
+
"kui_font_size_30": "14px",
|
|
1527
|
+
"kui_font_size_40": "16px",
|
|
1528
|
+
"kui_font_size_50": "18px",
|
|
1529
|
+
"kui_font_size_60": "20px",
|
|
1530
|
+
"kui_font_size_70": "24px",
|
|
1531
|
+
"kui_font_size_80": "32px",
|
|
1532
|
+
"kui_font_size_90": "40px",
|
|
1533
|
+
"kui_font_size_100": "48px",
|
|
1534
|
+
"kui_font_weight_bold": "700",
|
|
1535
|
+
"kui_font_weight_medium": "500",
|
|
1536
|
+
"kui_font_weight_regular": "400",
|
|
1537
|
+
"kui_font_weight_semibold": "600",
|
|
1538
|
+
"kui_line_height_10": "12px",
|
|
1539
|
+
"kui_line_height_20": "16px",
|
|
1540
|
+
"kui_line_height_30": "20px",
|
|
1541
|
+
"kui_line_height_40": "24px",
|
|
1542
|
+
"kui_line_height_50": "28px",
|
|
1543
|
+
"kui_line_height_60": "32px",
|
|
1544
|
+
"kui_line_height_70": "36px",
|
|
1545
|
+
"kui_line_height_80": "40px",
|
|
1546
|
+
"kui_line_height_90": "48px",
|
|
1547
|
+
"kui_line_height_100": "56px",
|
|
1548
|
+
"kui_space_0": "0px",
|
|
1549
|
+
"kui_space_10": "2px",
|
|
1550
|
+
"kui_space_20": "4px",
|
|
1551
|
+
"kui_space_30": "6px",
|
|
1552
|
+
"kui_space_40": "8px",
|
|
1553
|
+
"kui_space_50": "12px",
|
|
1554
|
+
"kui_space_60": "16px",
|
|
1555
|
+
"kui_space_70": "20px",
|
|
1556
|
+
"kui_space_80": "24px",
|
|
1557
|
+
"kui_space_90": "32px",
|
|
1558
|
+
"kui_space_100": "40px",
|
|
1559
|
+
"kui_space_110": "48px",
|
|
1560
|
+
"kui_space_120": "56px",
|
|
1561
|
+
"kui_space_130": "64px",
|
|
1562
|
+
"kui_space_140": "80px",
|
|
1563
|
+
"kui_space_150": "96px",
|
|
1564
|
+
"kui_space_auto": "auto"
|
|
1565
1565
|
}
|
|
1566
1566
|
```
|
|
1567
1567
|
|
package/dist/tokens/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<!--
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri, 21 Jul 2023
|
|
3
|
+
* Generated on Fri, 21 Jul 2023 22:05:42 GMT
|
|
4
4
|
*
|
|
5
5
|
* Kong Design Tokens
|
|
6
6
|
* GitHub: https://github.com/Kong/design-tokens
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
# Kong Design Tokens
|
|
11
11
|
|
|
12
|
-
This document outlines
|
|
12
|
+
This document outlines the majority of the available tokens.
|
|
13
13
|
|
|
14
14
|
## SCSS
|
|
15
15
|
|
|
@@ -155,7 +155,7 @@ $kui-border-width-0: 0px;
|
|
|
155
155
|
$kui-border-width-10: 1px;
|
|
156
156
|
$kui-border-width-20: 2px;
|
|
157
157
|
$kui-border-width-30: 4px;
|
|
158
|
-
/* Used for larger mobile screens.
|
|
158
|
+
/* Used for larger mobile screens. Any viewport width under this value is considered mobile. */
|
|
159
159
|
$kui-breakpoint-mobile: 640px;
|
|
160
160
|
/* Used for tablet screens. */
|
|
161
161
|
$kui-breakpoint-phablet: 768px;
|
|
@@ -433,7 +433,7 @@ $tokens-map: (
|
|
|
433
433
|
'kui-border-width-10': 1px;
|
|
434
434
|
'kui-border-width-20': 2px;
|
|
435
435
|
'kui-border-width-30': 4px;
|
|
436
|
-
/* Used for larger mobile screens.
|
|
436
|
+
/* Used for larger mobile screens. Any viewport width under this value is considered mobile. */
|
|
437
437
|
'kui-breakpoint-mobile': 640px;
|
|
438
438
|
/* Used for tablet screens. */
|
|
439
439
|
'kui-breakpoint-phablet': 768px;
|
|
@@ -713,7 +713,7 @@ $tokens-map: (
|
|
|
713
713
|
@kui-border-width-10: 1px;
|
|
714
714
|
@kui-border-width-20: 2px;
|
|
715
715
|
@kui-border-width-30: 4px;
|
|
716
|
-
/* Used for larger mobile screens.
|
|
716
|
+
/* Used for larger mobile screens. Any viewport width under this value is considered mobile. */
|
|
717
717
|
@kui-breakpoint-mobile: 640px;
|
|
718
718
|
/* Used for tablet screens. */
|
|
719
719
|
@kui-breakpoint-phablet: 768px;
|
|
@@ -994,7 +994,7 @@ You may scope your CSS custom property overrides inside the `:root` selector as
|
|
|
994
994
|
--kui-border-width-10: 1px;
|
|
995
995
|
--kui-border-width-20: 2px;
|
|
996
996
|
--kui-border-width-30: 4px;
|
|
997
|
-
/* Used for larger mobile screens.
|
|
997
|
+
/* Used for larger mobile screens. Any viewport width under this value is considered mobile. */
|
|
998
998
|
--kui-breakpoint-mobile: 640px;
|
|
999
999
|
/* Used for tablet screens. */
|
|
1000
1000
|
--kui-breakpoint-phablet: 768px;
|
|
@@ -1273,7 +1273,7 @@ export const KUI_BORDER_WIDTH_0 = "0px";
|
|
|
1273
1273
|
export const KUI_BORDER_WIDTH_10 = "1px";
|
|
1274
1274
|
export const KUI_BORDER_WIDTH_20 = "2px";
|
|
1275
1275
|
export const KUI_BORDER_WIDTH_30 = "4px";
|
|
1276
|
-
/* Used for larger mobile screens.
|
|
1276
|
+
/* Used for larger mobile screens. Any viewport width under this value is considered mobile. */
|
|
1277
1277
|
export const KUI_BREAKPOINT_MOBILE = "640px";
|
|
1278
1278
|
/* Used for tablet screens. */
|
|
1279
1279
|
export const KUI_BREAKPOINT_PHABLET = "768px";
|
|
@@ -1416,152 +1416,152 @@ export const KUI_SPACE_AUTO = "auto";
|
|
|
1416
1416
|
|
|
1417
1417
|
```json
|
|
1418
1418
|
{
|
|
1419
|
-
"
|
|
1420
|
-
"
|
|
1421
|
-
"
|
|
1422
|
-
"
|
|
1423
|
-
"
|
|
1424
|
-
"
|
|
1425
|
-
"
|
|
1426
|
-
"
|
|
1427
|
-
"
|
|
1428
|
-
"
|
|
1429
|
-
"
|
|
1430
|
-
"
|
|
1431
|
-
"
|
|
1432
|
-
"
|
|
1433
|
-
"
|
|
1434
|
-
"
|
|
1435
|
-
"
|
|
1436
|
-
"
|
|
1437
|
-
"
|
|
1438
|
-
"
|
|
1439
|
-
"
|
|
1440
|
-
"
|
|
1441
|
-
"
|
|
1442
|
-
"
|
|
1443
|
-
"
|
|
1444
|
-
"
|
|
1445
|
-
"
|
|
1446
|
-
"
|
|
1447
|
-
"
|
|
1448
|
-
"
|
|
1449
|
-
"
|
|
1450
|
-
"
|
|
1451
|
-
"
|
|
1452
|
-
"
|
|
1453
|
-
"
|
|
1454
|
-
"
|
|
1455
|
-
"
|
|
1456
|
-
"
|
|
1457
|
-
"
|
|
1458
|
-
"
|
|
1459
|
-
"
|
|
1460
|
-
"
|
|
1461
|
-
"
|
|
1462
|
-
"
|
|
1463
|
-
"
|
|
1464
|
-
"
|
|
1465
|
-
"
|
|
1466
|
-
"
|
|
1467
|
-
"
|
|
1468
|
-
"
|
|
1469
|
-
"
|
|
1470
|
-
"
|
|
1471
|
-
"
|
|
1472
|
-
"
|
|
1473
|
-
"
|
|
1474
|
-
"
|
|
1475
|
-
"
|
|
1476
|
-
"
|
|
1477
|
-
"
|
|
1478
|
-
"
|
|
1479
|
-
"
|
|
1480
|
-
"
|
|
1481
|
-
"
|
|
1482
|
-
"
|
|
1483
|
-
"
|
|
1484
|
-
"
|
|
1485
|
-
"
|
|
1486
|
-
"
|
|
1487
|
-
"
|
|
1488
|
-
"
|
|
1489
|
-
"
|
|
1490
|
-
"
|
|
1491
|
-
"
|
|
1492
|
-
"
|
|
1493
|
-
"
|
|
1494
|
-
"
|
|
1495
|
-
"
|
|
1496
|
-
"
|
|
1497
|
-
"
|
|
1498
|
-
"
|
|
1499
|
-
"
|
|
1500
|
-
"
|
|
1501
|
-
"
|
|
1502
|
-
"
|
|
1503
|
-
"
|
|
1504
|
-
"
|
|
1505
|
-
"
|
|
1506
|
-
"
|
|
1507
|
-
"
|
|
1508
|
-
"
|
|
1509
|
-
"
|
|
1510
|
-
"
|
|
1511
|
-
"
|
|
1512
|
-
"
|
|
1513
|
-
"
|
|
1514
|
-
"
|
|
1515
|
-
"
|
|
1516
|
-
"
|
|
1517
|
-
"
|
|
1518
|
-
"
|
|
1519
|
-
"
|
|
1520
|
-
"
|
|
1521
|
-
"
|
|
1522
|
-
"
|
|
1523
|
-
"
|
|
1524
|
-
"
|
|
1525
|
-
"
|
|
1526
|
-
"
|
|
1527
|
-
"
|
|
1528
|
-
"
|
|
1529
|
-
"
|
|
1530
|
-
"
|
|
1531
|
-
"
|
|
1532
|
-
"
|
|
1533
|
-
"
|
|
1534
|
-
"
|
|
1535
|
-
"
|
|
1536
|
-
"
|
|
1537
|
-
"
|
|
1538
|
-
"
|
|
1539
|
-
"
|
|
1540
|
-
"
|
|
1541
|
-
"
|
|
1542
|
-
"
|
|
1543
|
-
"
|
|
1544
|
-
"
|
|
1545
|
-
"
|
|
1546
|
-
"
|
|
1547
|
-
"
|
|
1548
|
-
"
|
|
1549
|
-
"
|
|
1550
|
-
"
|
|
1551
|
-
"
|
|
1552
|
-
"
|
|
1553
|
-
"
|
|
1554
|
-
"
|
|
1555
|
-
"
|
|
1556
|
-
"
|
|
1557
|
-
"
|
|
1558
|
-
"
|
|
1559
|
-
"
|
|
1560
|
-
"
|
|
1561
|
-
"
|
|
1562
|
-
"
|
|
1563
|
-
"
|
|
1564
|
-
"
|
|
1419
|
+
"kui_color_background": "#ffffff",
|
|
1420
|
+
"kui_color_background_danger": "#d60027",
|
|
1421
|
+
"kui_color_background_danger_strong": "#ad000e",
|
|
1422
|
+
"kui_color_background_danger_stronger": "#850000",
|
|
1423
|
+
"kui_color_background_danger_strongest": "#5c0000",
|
|
1424
|
+
"kui_color_background_danger_weak": "#ff3954",
|
|
1425
|
+
"kui_color_background_danger_weaker": "#ffabab",
|
|
1426
|
+
"kui_color_background_danger_weakest": "#ffe5e5",
|
|
1427
|
+
"kui_color_background_disabled": "#e0e4ea",
|
|
1428
|
+
"kui_color_background_inverse": "#000933",
|
|
1429
|
+
"kui_color_background_neutral": "#6c7489",
|
|
1430
|
+
"kui_color_background_neutral_strong": "#52596e",
|
|
1431
|
+
"kui_color_background_neutral_stronger": "#3a3f51",
|
|
1432
|
+
"kui_color_background_neutral_strongest": "#232633",
|
|
1433
|
+
"kui_color_background_neutral_weak": "#afb7c5",
|
|
1434
|
+
"kui_color_background_neutral_weaker": "#e0e4ea",
|
|
1435
|
+
"kui_color_background_neutral_weakest": "#f9fafb",
|
|
1436
|
+
"kui_color_background_primary": "#0044f4",
|
|
1437
|
+
"kui_color_background_primary_strong": "#0030cc",
|
|
1438
|
+
"kui_color_background_primary_stronger": "#002099",
|
|
1439
|
+
"kui_color_background_primary_strongest": "#001466",
|
|
1440
|
+
"kui_color_background_primary_weak": "#5f9aff",
|
|
1441
|
+
"kui_color_background_primary_weaker": "#bee2ff",
|
|
1442
|
+
"kui_color_background_primary_weakest": "#eefaff",
|
|
1443
|
+
"kui_color_background_success_weakest": "#ecfffb",
|
|
1444
|
+
"kui_color_background_transparent": "rgba(0, 0, 0, 0)",
|
|
1445
|
+
"kui_color_background_warning_weakest": "#fffce0",
|
|
1446
|
+
"kui_color_border": "#e0e4ea",
|
|
1447
|
+
"kui_color_border_danger": "#d60027",
|
|
1448
|
+
"kui_color_border_danger_strong": "#ad000e",
|
|
1449
|
+
"kui_color_border_danger_stronger": "#850000",
|
|
1450
|
+
"kui_color_border_danger_strongest": "#5c0000",
|
|
1451
|
+
"kui_color_border_danger_weak": "#ff3954",
|
|
1452
|
+
"kui_color_border_danger_weaker": "#ffabab",
|
|
1453
|
+
"kui_color_border_danger_weakest": "#ffe5e5",
|
|
1454
|
+
"kui_color_border_decorative": "#6f28ff",
|
|
1455
|
+
"kui_color_border_disabled": "#e0e4ea",
|
|
1456
|
+
"kui_color_border_neutral_weak": "#afb7c5",
|
|
1457
|
+
"kui_color_border_primary": "#0044f4",
|
|
1458
|
+
"kui_color_border_primary_strong": "#0030cc",
|
|
1459
|
+
"kui_color_border_primary_stronger": "#002099",
|
|
1460
|
+
"kui_color_border_primary_strongest": "#001466",
|
|
1461
|
+
"kui_color_border_primary_weak": "#5f9aff",
|
|
1462
|
+
"kui_color_border_primary_weaker": "#bee2ff",
|
|
1463
|
+
"kui_color_border_primary_weakest": "#eefaff",
|
|
1464
|
+
"kui_color_border_transparent": "rgba(0, 0, 0, 0)",
|
|
1465
|
+
"kui_color_text": "#000933",
|
|
1466
|
+
"kui_color_text_danger": "#d60027",
|
|
1467
|
+
"kui_color_text_decorative": "#00abd2",
|
|
1468
|
+
"kui_color_text_disabled": "#828a9e",
|
|
1469
|
+
"kui_color_text_inverse": "#ffffff",
|
|
1470
|
+
"kui_color_text_neutral": "#6c7489",
|
|
1471
|
+
"kui_color_text_neutral_strong": "#52596e",
|
|
1472
|
+
"kui_color_text_neutral_stronger": "#3a3f51",
|
|
1473
|
+
"kui_color_text_neutral_strongest": "#232633",
|
|
1474
|
+
"kui_color_text_neutral_weak": "#afb7c5",
|
|
1475
|
+
"kui_color_text_primary": "#0044f4",
|
|
1476
|
+
"kui_color_text_primary_strong": "#0030cc",
|
|
1477
|
+
"kui_color_text_primary_stronger": "#002099",
|
|
1478
|
+
"kui_color_text_success": "#007d60",
|
|
1479
|
+
"kui_color_text_warning": "#995c00",
|
|
1480
|
+
"kui_border_radius_0": "0px",
|
|
1481
|
+
"kui_border_radius_10": "2px",
|
|
1482
|
+
"kui_border_radius_20": "4px",
|
|
1483
|
+
"kui_border_radius_30": "6px",
|
|
1484
|
+
"kui_border_radius_40": "8px",
|
|
1485
|
+
"kui_border_radius_circle": "50%",
|
|
1486
|
+
"kui_border_radius_round": "100px",
|
|
1487
|
+
"kui_border_width_0": "0px",
|
|
1488
|
+
"kui_border_width_10": "1px",
|
|
1489
|
+
"kui_border_width_20": "2px",
|
|
1490
|
+
"kui_border_width_30": "4px",
|
|
1491
|
+
"kui_breakpoint_mobile": "640px",
|
|
1492
|
+
"kui_breakpoint_phablet": "768px",
|
|
1493
|
+
"kui_breakpoint_tablet": "1024px",
|
|
1494
|
+
"kui_breakpoint_laptop": "1280px",
|
|
1495
|
+
"kui_breakpoint_desktop": "1536px",
|
|
1496
|
+
"kui_icon_size_10": "10px",
|
|
1497
|
+
"kui_icon_size_20": "12px",
|
|
1498
|
+
"kui_icon_size_30": "16px",
|
|
1499
|
+
"kui_icon_size_40": "20px",
|
|
1500
|
+
"kui_icon_size_50": "24px",
|
|
1501
|
+
"kui_icon_size_60": "32px",
|
|
1502
|
+
"kui_icon_size_70": "40px",
|
|
1503
|
+
"kui_icon_size_80": "48px",
|
|
1504
|
+
"kui_method_color_background_connect": "#f1f0ff",
|
|
1505
|
+
"kui_method_color_background_delete": "#ffe5e5",
|
|
1506
|
+
"kui_method_color_background_get": "#eefaff",
|
|
1507
|
+
"kui_method_color_background_head": "#6c7489",
|
|
1508
|
+
"kui_method_color_background_options": "#f9fafb",
|
|
1509
|
+
"kui_method_color_background_patch": "#ecfcff",
|
|
1510
|
+
"kui_method_color_background_post": "#ecfffb",
|
|
1511
|
+
"kui_method_color_background_put": "#fffce0",
|
|
1512
|
+
"kui_method_color_background_trace": "#fff0f7",
|
|
1513
|
+
"kui_method_color_text_connect": "#6f28ff",
|
|
1514
|
+
"kui_method_color_text_delete": "#d60027",
|
|
1515
|
+
"kui_method_color_text_get": "#0044f4",
|
|
1516
|
+
"kui_method_color_text_head": "#f9fafb",
|
|
1517
|
+
"kui_method_color_text_options": "#6c7489",
|
|
1518
|
+
"kui_method_color_text_patch": "#00819d",
|
|
1519
|
+
"kui_method_color_text_post": "#007d60",
|
|
1520
|
+
"kui_method_color_text_put": "#995c00",
|
|
1521
|
+
"kui_method_color_text_trace": "#d60067",
|
|
1522
|
+
"kui_font_family_code": "'JetBrains Mono', Consolas, monospace",
|
|
1523
|
+
"kui_font_family_text": "'Inter', Roboto, Helvetica, sans-serif",
|
|
1524
|
+
"kui_font_size_10": "10px",
|
|
1525
|
+
"kui_font_size_20": "12px",
|
|
1526
|
+
"kui_font_size_30": "14px",
|
|
1527
|
+
"kui_font_size_40": "16px",
|
|
1528
|
+
"kui_font_size_50": "18px",
|
|
1529
|
+
"kui_font_size_60": "20px",
|
|
1530
|
+
"kui_font_size_70": "24px",
|
|
1531
|
+
"kui_font_size_80": "32px",
|
|
1532
|
+
"kui_font_size_90": "40px",
|
|
1533
|
+
"kui_font_size_100": "48px",
|
|
1534
|
+
"kui_font_weight_bold": "700",
|
|
1535
|
+
"kui_font_weight_medium": "500",
|
|
1536
|
+
"kui_font_weight_regular": "400",
|
|
1537
|
+
"kui_font_weight_semibold": "600",
|
|
1538
|
+
"kui_line_height_10": "12px",
|
|
1539
|
+
"kui_line_height_20": "16px",
|
|
1540
|
+
"kui_line_height_30": "20px",
|
|
1541
|
+
"kui_line_height_40": "24px",
|
|
1542
|
+
"kui_line_height_50": "28px",
|
|
1543
|
+
"kui_line_height_60": "32px",
|
|
1544
|
+
"kui_line_height_70": "36px",
|
|
1545
|
+
"kui_line_height_80": "40px",
|
|
1546
|
+
"kui_line_height_90": "48px",
|
|
1547
|
+
"kui_line_height_100": "56px",
|
|
1548
|
+
"kui_space_0": "0px",
|
|
1549
|
+
"kui_space_10": "2px",
|
|
1550
|
+
"kui_space_20": "4px",
|
|
1551
|
+
"kui_space_30": "6px",
|
|
1552
|
+
"kui_space_40": "8px",
|
|
1553
|
+
"kui_space_50": "12px",
|
|
1554
|
+
"kui_space_60": "16px",
|
|
1555
|
+
"kui_space_70": "20px",
|
|
1556
|
+
"kui_space_80": "24px",
|
|
1557
|
+
"kui_space_90": "32px",
|
|
1558
|
+
"kui_space_100": "40px",
|
|
1559
|
+
"kui_space_110": "48px",
|
|
1560
|
+
"kui_space_120": "56px",
|
|
1561
|
+
"kui_space_130": "64px",
|
|
1562
|
+
"kui_space_140": "80px",
|
|
1563
|
+
"kui_space_150": "96px",
|
|
1564
|
+
"kui_space_auto": "auto"
|
|
1565
1565
|
}
|
|
1566
1566
|
```
|
|
1567
1567
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri, 21 Jul 2023
|
|
3
|
+
* Generated on Fri, 21 Jul 2023 22:05:42 GMT
|
|
4
4
|
*
|
|
5
5
|
* Kong Design Tokens
|
|
6
6
|
* GitHub: https://github.com/Kong/design-tokens
|
|
@@ -166,7 +166,7 @@
|
|
|
166
166
|
--kui-border-width-20: initial;
|
|
167
167
|
/* Default value: `4px` */
|
|
168
168
|
--kui-border-width-30: initial;
|
|
169
|
-
/* Used for larger mobile screens.
|
|
169
|
+
/* Used for larger mobile screens. Any viewport width under this value is considered mobile. Default value: `640px` */
|
|
170
170
|
--kui-breakpoint-mobile: initial;
|
|
171
171
|
/* Used for tablet screens. Default value: `768px` */
|
|
172
172
|
--kui-breakpoint-phablet: initial;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri, 21 Jul 2023
|
|
3
|
+
* Generated on Fri, 21 Jul 2023 22:05:42 GMT
|
|
4
4
|
*
|
|
5
5
|
* Kong Design Tokens
|
|
6
6
|
* GitHub: https://github.com/Kong/design-tokens
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
--kui-border-width-10: 1px;
|
|
81
81
|
--kui-border-width-20: 2px;
|
|
82
82
|
--kui-border-width-30: 4px;
|
|
83
|
-
--kui-breakpoint-mobile: 640px; /* Used for larger mobile screens.
|
|
83
|
+
--kui-breakpoint-mobile: 640px; /* Used for larger mobile screens. Any viewport width under this value is considered mobile. */
|
|
84
84
|
--kui-breakpoint-phablet: 768px; /* Used for tablet screens. */
|
|
85
85
|
--kui-breakpoint-tablet: 1024px; /* Used for larger tablet screens. Any viewport width less than this value will likely show a mobile layout. Any viewport width this value and greater will likely show a desktop layout. */
|
|
86
86
|
--kui-breakpoint-laptop: 1280px; /* Used for standard desktop screens. */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri, 21 Jul 2023
|
|
3
|
+
* Generated on Fri, 21 Jul 2023 22:05:42 GMT
|
|
4
4
|
*
|
|
5
5
|
* Kong Design Tokens
|
|
6
6
|
* GitHub: https://github.com/Kong/design-tokens
|
|
@@ -142,7 +142,7 @@ export const KUI_BORDER_WIDTH_0 : "0px";
|
|
|
142
142
|
export const KUI_BORDER_WIDTH_10 : "1px";
|
|
143
143
|
export const KUI_BORDER_WIDTH_20 : "2px";
|
|
144
144
|
export const KUI_BORDER_WIDTH_30 : "4px";
|
|
145
|
-
/** Used for larger mobile screens.
|
|
145
|
+
/** Used for larger mobile screens. Any viewport width under this value is considered mobile. */
|
|
146
146
|
export const KUI_BREAKPOINT_MOBILE : "640px";
|
|
147
147
|
/** Used for tablet screens. */
|
|
148
148
|
export const KUI_BREAKPOINT_PHABLET : "768px";
|
package/dist/tokens/js/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri, 21 Jul 2023
|
|
3
|
+
* Generated on Fri, 21 Jul 2023 22:05:42 GMT
|
|
4
4
|
*
|
|
5
5
|
* Kong Design Tokens
|
|
6
6
|
* GitHub: https://github.com/Kong/design-tokens
|
|
@@ -79,7 +79,7 @@ export const KUI_BORDER_WIDTH_0 = "0px";
|
|
|
79
79
|
export const KUI_BORDER_WIDTH_10 = "1px";
|
|
80
80
|
export const KUI_BORDER_WIDTH_20 = "2px";
|
|
81
81
|
export const KUI_BORDER_WIDTH_30 = "4px";
|
|
82
|
-
export const KUI_BREAKPOINT_MOBILE = "640px"; // Used for larger mobile screens.
|
|
82
|
+
export const KUI_BREAKPOINT_MOBILE = "640px"; // Used for larger mobile screens. Any viewport width under this value is considered mobile.
|
|
83
83
|
export const KUI_BREAKPOINT_PHABLET = "768px"; // Used for tablet screens.
|
|
84
84
|
export const KUI_BREAKPOINT_TABLET = "1024px"; // Used for larger tablet screens. Any viewport width less than this value will likely show a mobile layout. Any viewport width this value and greater will likely show a desktop layout.
|
|
85
85
|
export const KUI_BREAKPOINT_LAPTOP = "1280px"; // Used for standard desktop screens.
|
|
@@ -1,148 +1,148 @@
|
|
|
1
1
|
{
|
|
2
|
-
"
|
|
3
|
-
"
|
|
4
|
-
"
|
|
5
|
-
"
|
|
6
|
-
"
|
|
7
|
-
"
|
|
8
|
-
"
|
|
9
|
-
"
|
|
10
|
-
"
|
|
11
|
-
"
|
|
12
|
-
"
|
|
13
|
-
"
|
|
14
|
-
"
|
|
15
|
-
"
|
|
16
|
-
"
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
"
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"
|
|
50
|
-
"
|
|
51
|
-
"
|
|
52
|
-
"
|
|
53
|
-
"
|
|
54
|
-
"
|
|
55
|
-
"
|
|
56
|
-
"
|
|
57
|
-
"
|
|
58
|
-
"
|
|
59
|
-
"
|
|
60
|
-
"
|
|
61
|
-
"
|
|
62
|
-
"
|
|
63
|
-
"
|
|
64
|
-
"
|
|
65
|
-
"
|
|
66
|
-
"
|
|
67
|
-
"
|
|
68
|
-
"
|
|
69
|
-
"
|
|
70
|
-
"
|
|
71
|
-
"
|
|
72
|
-
"
|
|
73
|
-
"
|
|
74
|
-
"
|
|
75
|
-
"
|
|
76
|
-
"
|
|
77
|
-
"
|
|
78
|
-
"
|
|
79
|
-
"
|
|
80
|
-
"
|
|
81
|
-
"
|
|
82
|
-
"
|
|
83
|
-
"
|
|
84
|
-
"
|
|
85
|
-
"
|
|
86
|
-
"
|
|
87
|
-
"
|
|
88
|
-
"
|
|
89
|
-
"
|
|
90
|
-
"
|
|
91
|
-
"
|
|
92
|
-
"
|
|
93
|
-
"
|
|
94
|
-
"
|
|
95
|
-
"
|
|
96
|
-
"
|
|
97
|
-
"
|
|
98
|
-
"
|
|
99
|
-
"
|
|
100
|
-
"
|
|
101
|
-
"
|
|
102
|
-
"
|
|
103
|
-
"
|
|
104
|
-
"
|
|
105
|
-
"
|
|
106
|
-
"
|
|
107
|
-
"
|
|
108
|
-
"
|
|
109
|
-
"
|
|
110
|
-
"
|
|
111
|
-
"
|
|
112
|
-
"
|
|
113
|
-
"
|
|
114
|
-
"
|
|
115
|
-
"
|
|
116
|
-
"
|
|
117
|
-
"
|
|
118
|
-
"
|
|
119
|
-
"
|
|
120
|
-
"
|
|
121
|
-
"
|
|
122
|
-
"
|
|
123
|
-
"
|
|
124
|
-
"
|
|
125
|
-
"
|
|
126
|
-
"
|
|
127
|
-
"
|
|
128
|
-
"
|
|
129
|
-
"
|
|
130
|
-
"
|
|
131
|
-
"
|
|
132
|
-
"
|
|
133
|
-
"
|
|
134
|
-
"
|
|
135
|
-
"
|
|
136
|
-
"
|
|
137
|
-
"
|
|
138
|
-
"
|
|
139
|
-
"
|
|
140
|
-
"
|
|
141
|
-
"
|
|
142
|
-
"
|
|
143
|
-
"
|
|
144
|
-
"
|
|
145
|
-
"
|
|
146
|
-
"
|
|
147
|
-
"
|
|
2
|
+
"kui_color_background": "#ffffff",
|
|
3
|
+
"kui_color_background_danger": "#d60027",
|
|
4
|
+
"kui_color_background_danger_strong": "#ad000e",
|
|
5
|
+
"kui_color_background_danger_stronger": "#850000",
|
|
6
|
+
"kui_color_background_danger_strongest": "#5c0000",
|
|
7
|
+
"kui_color_background_danger_weak": "#ff3954",
|
|
8
|
+
"kui_color_background_danger_weaker": "#ffabab",
|
|
9
|
+
"kui_color_background_danger_weakest": "#ffe5e5",
|
|
10
|
+
"kui_color_background_disabled": "#e0e4ea",
|
|
11
|
+
"kui_color_background_inverse": "#000933",
|
|
12
|
+
"kui_color_background_neutral": "#6c7489",
|
|
13
|
+
"kui_color_background_neutral_strong": "#52596e",
|
|
14
|
+
"kui_color_background_neutral_stronger": "#3a3f51",
|
|
15
|
+
"kui_color_background_neutral_strongest": "#232633",
|
|
16
|
+
"kui_color_background_neutral_weak": "#afb7c5",
|
|
17
|
+
"kui_color_background_neutral_weaker": "#e0e4ea",
|
|
18
|
+
"kui_color_background_neutral_weakest": "#f9fafb",
|
|
19
|
+
"kui_color_background_primary": "#0044f4",
|
|
20
|
+
"kui_color_background_primary_strong": "#0030cc",
|
|
21
|
+
"kui_color_background_primary_stronger": "#002099",
|
|
22
|
+
"kui_color_background_primary_strongest": "#001466",
|
|
23
|
+
"kui_color_background_primary_weak": "#5f9aff",
|
|
24
|
+
"kui_color_background_primary_weaker": "#bee2ff",
|
|
25
|
+
"kui_color_background_primary_weakest": "#eefaff",
|
|
26
|
+
"kui_color_background_success_weakest": "#ecfffb",
|
|
27
|
+
"kui_color_background_transparent": "rgba(0, 0, 0, 0)",
|
|
28
|
+
"kui_color_background_warning_weakest": "#fffce0",
|
|
29
|
+
"kui_color_border": "#e0e4ea",
|
|
30
|
+
"kui_color_border_danger": "#d60027",
|
|
31
|
+
"kui_color_border_danger_strong": "#ad000e",
|
|
32
|
+
"kui_color_border_danger_stronger": "#850000",
|
|
33
|
+
"kui_color_border_danger_strongest": "#5c0000",
|
|
34
|
+
"kui_color_border_danger_weak": "#ff3954",
|
|
35
|
+
"kui_color_border_danger_weaker": "#ffabab",
|
|
36
|
+
"kui_color_border_danger_weakest": "#ffe5e5",
|
|
37
|
+
"kui_color_border_decorative": "#6f28ff",
|
|
38
|
+
"kui_color_border_disabled": "#e0e4ea",
|
|
39
|
+
"kui_color_border_neutral_weak": "#afb7c5",
|
|
40
|
+
"kui_color_border_primary": "#0044f4",
|
|
41
|
+
"kui_color_border_primary_strong": "#0030cc",
|
|
42
|
+
"kui_color_border_primary_stronger": "#002099",
|
|
43
|
+
"kui_color_border_primary_strongest": "#001466",
|
|
44
|
+
"kui_color_border_primary_weak": "#5f9aff",
|
|
45
|
+
"kui_color_border_primary_weaker": "#bee2ff",
|
|
46
|
+
"kui_color_border_primary_weakest": "#eefaff",
|
|
47
|
+
"kui_color_border_transparent": "rgba(0, 0, 0, 0)",
|
|
48
|
+
"kui_color_text": "#000933",
|
|
49
|
+
"kui_color_text_danger": "#d60027",
|
|
50
|
+
"kui_color_text_decorative": "#00abd2",
|
|
51
|
+
"kui_color_text_disabled": "#828a9e",
|
|
52
|
+
"kui_color_text_inverse": "#ffffff",
|
|
53
|
+
"kui_color_text_neutral": "#6c7489",
|
|
54
|
+
"kui_color_text_neutral_strong": "#52596e",
|
|
55
|
+
"kui_color_text_neutral_stronger": "#3a3f51",
|
|
56
|
+
"kui_color_text_neutral_strongest": "#232633",
|
|
57
|
+
"kui_color_text_neutral_weak": "#afb7c5",
|
|
58
|
+
"kui_color_text_primary": "#0044f4",
|
|
59
|
+
"kui_color_text_primary_strong": "#0030cc",
|
|
60
|
+
"kui_color_text_primary_stronger": "#002099",
|
|
61
|
+
"kui_color_text_success": "#007d60",
|
|
62
|
+
"kui_color_text_warning": "#995c00",
|
|
63
|
+
"kui_border_radius_0": "0px",
|
|
64
|
+
"kui_border_radius_10": "2px",
|
|
65
|
+
"kui_border_radius_20": "4px",
|
|
66
|
+
"kui_border_radius_30": "6px",
|
|
67
|
+
"kui_border_radius_40": "8px",
|
|
68
|
+
"kui_border_radius_circle": "50%",
|
|
69
|
+
"kui_border_radius_round": "100px",
|
|
70
|
+
"kui_border_width_0": "0px",
|
|
71
|
+
"kui_border_width_10": "1px",
|
|
72
|
+
"kui_border_width_20": "2px",
|
|
73
|
+
"kui_border_width_30": "4px",
|
|
74
|
+
"kui_breakpoint_mobile": "640px",
|
|
75
|
+
"kui_breakpoint_phablet": "768px",
|
|
76
|
+
"kui_breakpoint_tablet": "1024px",
|
|
77
|
+
"kui_breakpoint_laptop": "1280px",
|
|
78
|
+
"kui_breakpoint_desktop": "1536px",
|
|
79
|
+
"kui_icon_size_10": "10px",
|
|
80
|
+
"kui_icon_size_20": "12px",
|
|
81
|
+
"kui_icon_size_30": "16px",
|
|
82
|
+
"kui_icon_size_40": "20px",
|
|
83
|
+
"kui_icon_size_50": "24px",
|
|
84
|
+
"kui_icon_size_60": "32px",
|
|
85
|
+
"kui_icon_size_70": "40px",
|
|
86
|
+
"kui_icon_size_80": "48px",
|
|
87
|
+
"kui_method_color_background_connect": "#f1f0ff",
|
|
88
|
+
"kui_method_color_background_delete": "#ffe5e5",
|
|
89
|
+
"kui_method_color_background_get": "#eefaff",
|
|
90
|
+
"kui_method_color_background_head": "#6c7489",
|
|
91
|
+
"kui_method_color_background_options": "#f9fafb",
|
|
92
|
+
"kui_method_color_background_patch": "#ecfcff",
|
|
93
|
+
"kui_method_color_background_post": "#ecfffb",
|
|
94
|
+
"kui_method_color_background_put": "#fffce0",
|
|
95
|
+
"kui_method_color_background_trace": "#fff0f7",
|
|
96
|
+
"kui_method_color_text_connect": "#6f28ff",
|
|
97
|
+
"kui_method_color_text_delete": "#d60027",
|
|
98
|
+
"kui_method_color_text_get": "#0044f4",
|
|
99
|
+
"kui_method_color_text_head": "#f9fafb",
|
|
100
|
+
"kui_method_color_text_options": "#6c7489",
|
|
101
|
+
"kui_method_color_text_patch": "#00819d",
|
|
102
|
+
"kui_method_color_text_post": "#007d60",
|
|
103
|
+
"kui_method_color_text_put": "#995c00",
|
|
104
|
+
"kui_method_color_text_trace": "#d60067",
|
|
105
|
+
"kui_font_family_code": "'JetBrains Mono', Consolas, monospace",
|
|
106
|
+
"kui_font_family_text": "'Inter', Roboto, Helvetica, sans-serif",
|
|
107
|
+
"kui_font_size_10": "10px",
|
|
108
|
+
"kui_font_size_20": "12px",
|
|
109
|
+
"kui_font_size_30": "14px",
|
|
110
|
+
"kui_font_size_40": "16px",
|
|
111
|
+
"kui_font_size_50": "18px",
|
|
112
|
+
"kui_font_size_60": "20px",
|
|
113
|
+
"kui_font_size_70": "24px",
|
|
114
|
+
"kui_font_size_80": "32px",
|
|
115
|
+
"kui_font_size_90": "40px",
|
|
116
|
+
"kui_font_size_100": "48px",
|
|
117
|
+
"kui_font_weight_bold": "700",
|
|
118
|
+
"kui_font_weight_medium": "500",
|
|
119
|
+
"kui_font_weight_regular": "400",
|
|
120
|
+
"kui_font_weight_semibold": "600",
|
|
121
|
+
"kui_line_height_10": "12px",
|
|
122
|
+
"kui_line_height_20": "16px",
|
|
123
|
+
"kui_line_height_30": "20px",
|
|
124
|
+
"kui_line_height_40": "24px",
|
|
125
|
+
"kui_line_height_50": "28px",
|
|
126
|
+
"kui_line_height_60": "32px",
|
|
127
|
+
"kui_line_height_70": "36px",
|
|
128
|
+
"kui_line_height_80": "40px",
|
|
129
|
+
"kui_line_height_90": "48px",
|
|
130
|
+
"kui_line_height_100": "56px",
|
|
131
|
+
"kui_space_0": "0px",
|
|
132
|
+
"kui_space_10": "2px",
|
|
133
|
+
"kui_space_20": "4px",
|
|
134
|
+
"kui_space_30": "6px",
|
|
135
|
+
"kui_space_40": "8px",
|
|
136
|
+
"kui_space_50": "12px",
|
|
137
|
+
"kui_space_60": "16px",
|
|
138
|
+
"kui_space_70": "20px",
|
|
139
|
+
"kui_space_80": "24px",
|
|
140
|
+
"kui_space_90": "32px",
|
|
141
|
+
"kui_space_100": "40px",
|
|
142
|
+
"kui_space_110": "48px",
|
|
143
|
+
"kui_space_120": "56px",
|
|
144
|
+
"kui_space_130": "64px",
|
|
145
|
+
"kui_space_140": "80px",
|
|
146
|
+
"kui_space_150": "96px",
|
|
147
|
+
"kui_space_auto": "auto"
|
|
148
148
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Fri, 21 Jul 2023
|
|
3
|
+
// Generated on Fri, 21 Jul 2023 22:05:42 GMT
|
|
4
4
|
//
|
|
5
5
|
// Kong Design Tokens
|
|
6
6
|
// GitHub: https://github.com/Kong/design-tokens
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
@kui-border-width-10: 1px;
|
|
79
79
|
@kui-border-width-20: 2px;
|
|
80
80
|
@kui-border-width-30: 4px;
|
|
81
|
-
@kui-breakpoint-mobile: 640px; // Used for larger mobile screens.
|
|
81
|
+
@kui-breakpoint-mobile: 640px; // Used for larger mobile screens. Any viewport width under this value is considered mobile.
|
|
82
82
|
@kui-breakpoint-phablet: 768px; // Used for tablet screens.
|
|
83
83
|
@kui-breakpoint-tablet: 1024px; // Used for larger tablet screens. Any viewport width less than this value will likely show a mobile layout. Any viewport width this value and greater will likely show a desktop layout.
|
|
84
84
|
@kui-breakpoint-laptop: 1280px; // Used for standard desktop screens.
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
/**
|
|
3
3
|
* Do not edit directly
|
|
4
|
-
* Generated on Fri, 21 Jul 2023
|
|
4
|
+
* Generated on Fri, 21 Jul 2023 22:05:42 GMT
|
|
5
5
|
*
|
|
6
6
|
* Kong Design Tokens
|
|
7
7
|
* GitHub: https://github.com/Kong/design-tokens
|
|
@@ -144,7 +144,7 @@ $tokens-map: (
|
|
|
144
144
|
'kui-border-width-10': 1px,
|
|
145
145
|
'kui-border-width-20': 2px,
|
|
146
146
|
'kui-border-width-30': 4px,
|
|
147
|
-
// Used for larger mobile screens.
|
|
147
|
+
// Used for larger mobile screens. Any viewport width under this value is considered mobile.
|
|
148
148
|
'kui-breakpoint-mobile': 640px,
|
|
149
149
|
// Used for tablet screens.
|
|
150
150
|
'kui-breakpoint-phablet': 768px,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri, 21 Jul 2023
|
|
3
|
+
* Generated on Fri, 21 Jul 2023 22:05:42 GMT
|
|
4
4
|
*
|
|
5
5
|
* Kong Design Tokens
|
|
6
6
|
* GitHub: https://github.com/Kong/design-tokens
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
--kui-border-width-10: 1px;
|
|
93
93
|
--kui-border-width-20: 2px;
|
|
94
94
|
--kui-border-width-30: 4px;
|
|
95
|
-
--kui-breakpoint-mobile: 640px; /* Used for larger mobile screens.
|
|
95
|
+
--kui-breakpoint-mobile: 640px; /* Used for larger mobile screens. Any viewport width under this value is considered mobile. */
|
|
96
96
|
--kui-breakpoint-phablet: 768px; /* Used for tablet screens. */
|
|
97
97
|
--kui-breakpoint-tablet: 1024px; /* Used for larger tablet screens. Any viewport width less than this value will likely show a mobile layout. Any viewport width this value and greater will likely show a desktop layout. */
|
|
98
98
|
--kui-breakpoint-laptop: 1280px; /* Used for standard desktop screens. */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Fri, 21 Jul 2023
|
|
3
|
+
// Generated on Fri, 21 Jul 2023 22:05:42 GMT
|
|
4
4
|
//
|
|
5
5
|
// Kong Design Tokens
|
|
6
6
|
// GitHub: https://github.com/Kong/design-tokens
|
|
@@ -78,7 +78,7 @@ $kui-border-width-0: 0px;
|
|
|
78
78
|
$kui-border-width-10: 1px;
|
|
79
79
|
$kui-border-width-20: 2px;
|
|
80
80
|
$kui-border-width-30: 4px;
|
|
81
|
-
$kui-breakpoint-mobile: 640px; // Used for larger mobile screens.
|
|
81
|
+
$kui-breakpoint-mobile: 640px; // Used for larger mobile screens. Any viewport width under this value is considered mobile.
|
|
82
82
|
$kui-breakpoint-phablet: 768px; // Used for tablet screens.
|
|
83
83
|
$kui-breakpoint-tablet: 1024px; // Used for larger tablet screens. Any viewport width less than this value will likely show a mobile layout. Any viewport width this value and greater will likely show a desktop layout.
|
|
84
84
|
$kui-breakpoint-laptop: 1280px; // Used for standard desktop screens.
|