@kickstartds/ds-agency-premium 1.6.0 → 1.6.2
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/dist/FeaturesProps-e58616a5.d.ts +62 -0
- package/dist/SectionProps-7a46a8ad.d.ts +1 -1
- package/dist/SliderProps-93230a76.d.ts +1 -1
- package/dist/components/blog-overview/blog-overview.schema.dereffed.json +4 -80
- package/dist/components/blog-post/blog-post.schema.dereffed.json +4 -80
- package/dist/components/feature/index.d.ts +52 -1
- package/dist/components/features/features.schema.dereffed.json +2 -40
- package/dist/components/features/features.schema.json +24 -1
- package/dist/components/features/index.d.ts +1 -1
- package/dist/components/features/index.js +6 -1
- package/dist/components/page/page.schema.dereffed.json +4 -80
- package/dist/components/page-wrapper/index.js +891 -201
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/presets.json +32 -113
- package/dist/components/section/section.schema.dereffed.json +4 -80
- package/dist/components/slider/slider.schema.dereffed.json +2 -40
- package/dist/tokens/IconSprite.js +891 -201
- package/dist/tokens/icon-sprite.html +238 -35
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +1 -1
- package/dist/tokens/tokens.js +79 -32
- package/package.json +1 -1
- package/dist/FeatureProps-f8a75850.d.ts +0 -52
- package/dist/FeaturesProps-b05859d6.d.ts +0 -34
|
@@ -1246,7 +1246,7 @@
|
|
|
1246
1246
|
"id": "components-features--icon-centered",
|
|
1247
1247
|
"group": "Components/Features",
|
|
1248
1248
|
"name": "IconCentered",
|
|
1249
|
-
"code": "<Features\n ctas={{\n style: 'link',\n toggle: true\n }}\n feature={[\n {\n cta: {\n label: 'Learn more',\n
|
|
1249
|
+
"code": "<Features\n ctas={{\n style: 'link',\n toggle: true\n }}\n feature={[\n {\n cta: {\n label: 'Learn more',\n target: '/feature1'\n },\n icon: 'home',\n text: 'Our design system allows for a scalable architecture, enabling you to build applications that can grow with your needs.',\n title: 'Scalable Architecture'\n },\n {\n cta: {\n label: 'Get started',\n target: '/feature2'\n },\n icon: 'map',\n text: 'Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.',\n title: 'Efficient Development'\n },\n {\n cta: {\n label: 'Explore',\n target: '/feature3'\n },\n icon: 'person',\n text: 'Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.',\n title: 'Consistent UI'\n },\n {\n cta: {\n label: 'Customize',\n target: '/feature4'\n },\n icon: 'star',\n text: 'Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.',\n title: 'Customizable Design'\n },\n {\n cta: {\n label: 'Deploy',\n target: '/feature5'\n },\n icon: 'upload',\n text: 'Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.',\n title: 'Cloud Ready'\n },\n {\n cta: {\n label: 'Secure',\n target: '/feature6'\n },\n icon: 'login',\n text: 'Security is our priority. Our design system is built with best security practices to keep your application safe.',\n title: 'Secure'\n }\n ]}\n layout=\"largeTiles\"\n style=\"centered\"\n/>",
|
|
1250
1250
|
"args": {
|
|
1251
1251
|
"layout": "largeTiles",
|
|
1252
1252
|
"style": "centered",
|
|
@@ -1259,72 +1259,54 @@
|
|
|
1259
1259
|
"icon": "home",
|
|
1260
1260
|
"title": "Scalable Architecture",
|
|
1261
1261
|
"text": "Our design system allows for a scalable architecture, enabling you to build applications that can grow with your needs.",
|
|
1262
|
-
"style": "stack",
|
|
1263
1262
|
"cta": {
|
|
1264
1263
|
"target": "/feature1",
|
|
1265
|
-
"label": "Learn more"
|
|
1266
|
-
"toggle": true,
|
|
1267
|
-
"style": "link"
|
|
1264
|
+
"label": "Learn more"
|
|
1268
1265
|
}
|
|
1269
1266
|
},
|
|
1270
1267
|
{
|
|
1271
1268
|
"icon": "map",
|
|
1272
1269
|
"title": "Efficient Development",
|
|
1273
1270
|
"text": "Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.",
|
|
1274
|
-
"style": "stack",
|
|
1275
1271
|
"cta": {
|
|
1276
1272
|
"target": "/feature2",
|
|
1277
|
-
"label": "Get started"
|
|
1278
|
-
"toggle": true,
|
|
1279
|
-
"style": "link"
|
|
1273
|
+
"label": "Get started"
|
|
1280
1274
|
}
|
|
1281
1275
|
},
|
|
1282
1276
|
{
|
|
1283
1277
|
"icon": "person",
|
|
1284
1278
|
"title": "Consistent UI",
|
|
1285
1279
|
"text": "Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.",
|
|
1286
|
-
"style": "stack",
|
|
1287
1280
|
"cta": {
|
|
1288
1281
|
"target": "/feature3",
|
|
1289
|
-
"label": "Explore"
|
|
1290
|
-
"toggle": true,
|
|
1291
|
-
"style": "link"
|
|
1282
|
+
"label": "Explore"
|
|
1292
1283
|
}
|
|
1293
1284
|
},
|
|
1294
1285
|
{
|
|
1295
1286
|
"icon": "star",
|
|
1296
1287
|
"title": "Customizable Design",
|
|
1297
1288
|
"text": "Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.",
|
|
1298
|
-
"style": "stack",
|
|
1299
1289
|
"cta": {
|
|
1300
1290
|
"target": "/feature4",
|
|
1301
|
-
"label": "Customize"
|
|
1302
|
-
"toggle": true,
|
|
1303
|
-
"style": "link"
|
|
1291
|
+
"label": "Customize"
|
|
1304
1292
|
}
|
|
1305
1293
|
},
|
|
1306
1294
|
{
|
|
1307
1295
|
"icon": "upload",
|
|
1308
1296
|
"title": "Cloud Ready",
|
|
1309
1297
|
"text": "Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.",
|
|
1310
|
-
"style": "stack",
|
|
1311
1298
|
"cta": {
|
|
1312
1299
|
"target": "/feature5",
|
|
1313
|
-
"label": "Deploy"
|
|
1314
|
-
"toggle": true,
|
|
1315
|
-
"style": "link"
|
|
1300
|
+
"label": "Deploy"
|
|
1316
1301
|
}
|
|
1317
1302
|
},
|
|
1318
1303
|
{
|
|
1319
1304
|
"icon": "login",
|
|
1320
1305
|
"title": "Secure",
|
|
1321
1306
|
"text": "Security is our priority. Our design system is built with best security practices to keep your application safe.",
|
|
1322
|
-
"style": "stack",
|
|
1323
1307
|
"cta": {
|
|
1324
1308
|
"target": "/feature6",
|
|
1325
|
-
"label": "Secure"
|
|
1326
|
-
"toggle": true,
|
|
1327
|
-
"style": "link"
|
|
1309
|
+
"label": "Secure"
|
|
1328
1310
|
}
|
|
1329
1311
|
}
|
|
1330
1312
|
]
|
|
@@ -1335,7 +1317,7 @@
|
|
|
1335
1317
|
"id": "components-features--stack-with-button",
|
|
1336
1318
|
"group": "Components/Features",
|
|
1337
1319
|
"name": "StackWithButton",
|
|
1338
|
-
"code": "<Features\n ctas={{\n style: 'button',\n toggle: true\n }}\n feature={[\n {\n cta: {\n label: 'Explore',\n
|
|
1320
|
+
"code": "<Features\n ctas={{\n style: 'button',\n toggle: true\n }}\n feature={[\n {\n cta: {\n label: 'Explore',\n target: '/feature3'\n },\n icon: 'person',\n text: 'Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.',\n title: 'Consistent UI'\n },\n {\n cta: {\n label: 'Customize',\n target: '/feature4'\n },\n icon: 'star',\n text: 'Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.',\n title: 'Customizable Design'\n },\n {\n cta: {\n label: 'Deploy',\n target: '/feature5'\n },\n icon: 'upload',\n text: 'Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.',\n title: 'Cloud Ready'\n },\n {\n cta: {\n label: 'Secure',\n target: '/feature6'\n },\n icon: 'login',\n text: 'Security is our priority. Our design system is built with best security practices to keep your application safe.',\n title: 'Secure'\n }\n ]}\n layout=\"smallTiles\"\n style=\"stack\"\n/>",
|
|
1339
1321
|
"args": {
|
|
1340
1322
|
"layout": "smallTiles",
|
|
1341
1323
|
"style": "stack",
|
|
@@ -1348,48 +1330,36 @@
|
|
|
1348
1330
|
"icon": "person",
|
|
1349
1331
|
"title": "Consistent UI",
|
|
1350
1332
|
"text": "Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.",
|
|
1351
|
-
"style": "stack",
|
|
1352
1333
|
"cta": {
|
|
1353
1334
|
"target": "/feature3",
|
|
1354
|
-
"label": "Explore"
|
|
1355
|
-
"toggle": true,
|
|
1356
|
-
"style": "link"
|
|
1335
|
+
"label": "Explore"
|
|
1357
1336
|
}
|
|
1358
1337
|
},
|
|
1359
1338
|
{
|
|
1360
1339
|
"icon": "star",
|
|
1361
1340
|
"title": "Customizable Design",
|
|
1362
1341
|
"text": "Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.",
|
|
1363
|
-
"style": "stack",
|
|
1364
1342
|
"cta": {
|
|
1365
1343
|
"target": "/feature4",
|
|
1366
|
-
"label": "Customize"
|
|
1367
|
-
"toggle": true,
|
|
1368
|
-
"style": "link"
|
|
1344
|
+
"label": "Customize"
|
|
1369
1345
|
}
|
|
1370
1346
|
},
|
|
1371
1347
|
{
|
|
1372
1348
|
"icon": "upload",
|
|
1373
1349
|
"title": "Cloud Ready",
|
|
1374
1350
|
"text": "Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.",
|
|
1375
|
-
"style": "stack",
|
|
1376
1351
|
"cta": {
|
|
1377
1352
|
"target": "/feature5",
|
|
1378
|
-
"label": "Deploy"
|
|
1379
|
-
"toggle": true,
|
|
1380
|
-
"style": "link"
|
|
1353
|
+
"label": "Deploy"
|
|
1381
1354
|
}
|
|
1382
1355
|
},
|
|
1383
1356
|
{
|
|
1384
1357
|
"icon": "login",
|
|
1385
1358
|
"title": "Secure",
|
|
1386
1359
|
"text": "Security is our priority. Our design system is built with best security practices to keep your application safe.",
|
|
1387
|
-
"style": "stack",
|
|
1388
1360
|
"cta": {
|
|
1389
1361
|
"target": "/feature6",
|
|
1390
|
-
"label": "Secure"
|
|
1391
|
-
"toggle": true,
|
|
1392
|
-
"style": "link"
|
|
1362
|
+
"label": "Secure"
|
|
1393
1363
|
}
|
|
1394
1364
|
}
|
|
1395
1365
|
]
|
|
@@ -1400,7 +1370,7 @@
|
|
|
1400
1370
|
"id": "components-features--list-view",
|
|
1401
1371
|
"group": "Components/Features",
|
|
1402
1372
|
"name": "ListView",
|
|
1403
|
-
"code": "<Features\n ctas={{\n style: 'intext',\n toggle: false\n }}\n feature={[\n {\n cta: {\n label: 'Customize',\n
|
|
1373
|
+
"code": "<Features\n ctas={{\n style: 'intext',\n toggle: false\n }}\n feature={[\n {\n cta: {\n label: 'Customize',\n target: '/feature4'\n },\n icon: 'star',\n text: 'Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.',\n title: 'Customizable Design'\n },\n {\n cta: {\n label: 'Get started',\n target: '/feature2'\n },\n icon: 'map',\n text: 'Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.',\n title: 'Efficient Development'\n },\n {\n cta: {\n label: 'Explore',\n target: '/feature3'\n },\n icon: 'person',\n text: 'Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.',\n title: 'Consistent UI'\n },\n {\n cta: {\n label: 'Learn more',\n target: '/feature1'\n },\n icon: 'home',\n text: 'Our design system allows for a scalable architecture, enabling you to build applications that can grow with your needs.',\n title: 'Scalable Architecture'\n },\n {\n cta: {\n label: 'Deploy',\n target: '/feature5'\n },\n icon: 'upload',\n text: 'Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.',\n title: 'Cloud Ready'\n },\n {\n cta: {\n label: 'Secure',\n target: '/feature6'\n },\n icon: 'login',\n text: 'Security is our priority. Our design system is built with best security practices to keep your application safe.',\n title: 'Secure'\n }\n ]}\n layout=\"list\"\n style=\"besideLarge\"\n/>",
|
|
1404
1374
|
"args": {
|
|
1405
1375
|
"layout": "list",
|
|
1406
1376
|
"style": "besideLarge",
|
|
@@ -1413,72 +1383,54 @@
|
|
|
1413
1383
|
"icon": "star",
|
|
1414
1384
|
"title": "Customizable Design",
|
|
1415
1385
|
"text": "Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.",
|
|
1416
|
-
"style": "stack",
|
|
1417
1386
|
"cta": {
|
|
1418
1387
|
"target": "/feature4",
|
|
1419
|
-
"label": "Customize"
|
|
1420
|
-
"toggle": true,
|
|
1421
|
-
"style": "link"
|
|
1388
|
+
"label": "Customize"
|
|
1422
1389
|
}
|
|
1423
1390
|
},
|
|
1424
1391
|
{
|
|
1425
1392
|
"icon": "map",
|
|
1426
1393
|
"title": "Efficient Development",
|
|
1427
1394
|
"text": "Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.",
|
|
1428
|
-
"style": "stack",
|
|
1429
1395
|
"cta": {
|
|
1430
1396
|
"target": "/feature2",
|
|
1431
|
-
"label": "Get started"
|
|
1432
|
-
"toggle": true,
|
|
1433
|
-
"style": "link"
|
|
1397
|
+
"label": "Get started"
|
|
1434
1398
|
}
|
|
1435
1399
|
},
|
|
1436
1400
|
{
|
|
1437
1401
|
"icon": "person",
|
|
1438
1402
|
"title": "Consistent UI",
|
|
1439
1403
|
"text": "Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.",
|
|
1440
|
-
"style": "stack",
|
|
1441
1404
|
"cta": {
|
|
1442
1405
|
"target": "/feature3",
|
|
1443
|
-
"label": "Explore"
|
|
1444
|
-
"toggle": true,
|
|
1445
|
-
"style": "link"
|
|
1406
|
+
"label": "Explore"
|
|
1446
1407
|
}
|
|
1447
1408
|
},
|
|
1448
1409
|
{
|
|
1449
1410
|
"icon": "home",
|
|
1450
1411
|
"title": "Scalable Architecture",
|
|
1451
1412
|
"text": "Our design system allows for a scalable architecture, enabling you to build applications that can grow with your needs.",
|
|
1452
|
-
"style": "stack",
|
|
1453
1413
|
"cta": {
|
|
1454
1414
|
"target": "/feature1",
|
|
1455
|
-
"label": "Learn more"
|
|
1456
|
-
"toggle": true,
|
|
1457
|
-
"style": "link"
|
|
1415
|
+
"label": "Learn more"
|
|
1458
1416
|
}
|
|
1459
1417
|
},
|
|
1460
1418
|
{
|
|
1461
1419
|
"icon": "upload",
|
|
1462
1420
|
"title": "Cloud Ready",
|
|
1463
1421
|
"text": "Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.",
|
|
1464
|
-
"style": "stack",
|
|
1465
1422
|
"cta": {
|
|
1466
1423
|
"target": "/feature5",
|
|
1467
|
-
"label": "Deploy"
|
|
1468
|
-
"toggle": true,
|
|
1469
|
-
"style": "link"
|
|
1424
|
+
"label": "Deploy"
|
|
1470
1425
|
}
|
|
1471
1426
|
},
|
|
1472
1427
|
{
|
|
1473
1428
|
"icon": "login",
|
|
1474
1429
|
"title": "Secure",
|
|
1475
1430
|
"text": "Security is our priority. Our design system is built with best security practices to keep your application safe.",
|
|
1476
|
-
"style": "stack",
|
|
1477
1431
|
"cta": {
|
|
1478
1432
|
"target": "/feature6",
|
|
1479
|
-
"label": "Secure"
|
|
1480
|
-
"toggle": true,
|
|
1481
|
-
"style": "link"
|
|
1433
|
+
"label": "Secure"
|
|
1482
1434
|
}
|
|
1483
1435
|
}
|
|
1484
1436
|
]
|
|
@@ -1489,7 +1441,7 @@
|
|
|
1489
1441
|
"id": "components-features--icon-beside-with-link-in-text",
|
|
1490
1442
|
"group": "Components/Features",
|
|
1491
1443
|
"name": "IconBesideWithLinkInText",
|
|
1492
|
-
"code": "<Features\n ctas={{\n style: 'intext',\n toggle: true\n }}\n feature={[\n {\n cta: {\n label: 'Learn more',\n
|
|
1444
|
+
"code": "<Features\n ctas={{\n style: 'intext',\n toggle: true\n }}\n feature={[\n {\n cta: {\n label: 'Learn more',\n target: '/feature1'\n },\n icon: 'home',\n text: 'Our design system allows for a scalable architecture, enabling you to build applications that can grow with your needs.',\n title: 'Scalable Architecture'\n },\n {\n cta: {\n label: 'Get started',\n target: '/feature2'\n },\n icon: 'map',\n text: 'Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.',\n title: 'Efficient Development'\n },\n {\n cta: {\n label: 'Explore',\n target: '/feature3'\n },\n icon: 'person',\n text: 'Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.',\n title: 'Consistent UI'\n },\n {\n cta: {\n label: 'Customize',\n target: '/feature4'\n },\n icon: 'star',\n text: 'Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.',\n title: 'Customizable Design'\n },\n {\n cta: {\n label: 'Deploy',\n target: '/feature5'\n },\n icon: 'upload',\n text: 'Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.',\n title: 'Cloud Ready'\n },\n {\n cta: {\n label: 'Secure',\n target: '/feature6'\n },\n icon: 'login',\n text: 'Security is our priority. Our design system is built with best security practices to keep your application safe.',\n title: 'Secure'\n }\n ]}\n layout=\"smallTiles\"\n style=\"intext\"\n/>",
|
|
1493
1445
|
"args": {
|
|
1494
1446
|
"layout": "smallTiles",
|
|
1495
1447
|
"style": "intext",
|
|
@@ -1502,72 +1454,54 @@
|
|
|
1502
1454
|
"icon": "home",
|
|
1503
1455
|
"title": "Scalable Architecture",
|
|
1504
1456
|
"text": "Our design system allows for a scalable architecture, enabling you to build applications that can grow with your needs.",
|
|
1505
|
-
"style": "stack",
|
|
1506
1457
|
"cta": {
|
|
1507
1458
|
"target": "/feature1",
|
|
1508
|
-
"label": "Learn more"
|
|
1509
|
-
"toggle": true,
|
|
1510
|
-
"style": "link"
|
|
1459
|
+
"label": "Learn more"
|
|
1511
1460
|
}
|
|
1512
1461
|
},
|
|
1513
1462
|
{
|
|
1514
1463
|
"icon": "map",
|
|
1515
1464
|
"title": "Efficient Development",
|
|
1516
1465
|
"text": "Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.",
|
|
1517
|
-
"style": "stack",
|
|
1518
1466
|
"cta": {
|
|
1519
1467
|
"target": "/feature2",
|
|
1520
|
-
"label": "Get started"
|
|
1521
|
-
"toggle": true,
|
|
1522
|
-
"style": "link"
|
|
1468
|
+
"label": "Get started"
|
|
1523
1469
|
}
|
|
1524
1470
|
},
|
|
1525
1471
|
{
|
|
1526
1472
|
"icon": "person",
|
|
1527
1473
|
"title": "Consistent UI",
|
|
1528
1474
|
"text": "Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.",
|
|
1529
|
-
"style": "stack",
|
|
1530
1475
|
"cta": {
|
|
1531
1476
|
"target": "/feature3",
|
|
1532
|
-
"label": "Explore"
|
|
1533
|
-
"toggle": true,
|
|
1534
|
-
"style": "link"
|
|
1477
|
+
"label": "Explore"
|
|
1535
1478
|
}
|
|
1536
1479
|
},
|
|
1537
1480
|
{
|
|
1538
1481
|
"icon": "star",
|
|
1539
1482
|
"title": "Customizable Design",
|
|
1540
1483
|
"text": "Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.",
|
|
1541
|
-
"style": "stack",
|
|
1542
1484
|
"cta": {
|
|
1543
1485
|
"target": "/feature4",
|
|
1544
|
-
"label": "Customize"
|
|
1545
|
-
"toggle": true,
|
|
1546
|
-
"style": "link"
|
|
1486
|
+
"label": "Customize"
|
|
1547
1487
|
}
|
|
1548
1488
|
},
|
|
1549
1489
|
{
|
|
1550
1490
|
"icon": "upload",
|
|
1551
1491
|
"title": "Cloud Ready",
|
|
1552
1492
|
"text": "Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.",
|
|
1553
|
-
"style": "stack",
|
|
1554
1493
|
"cta": {
|
|
1555
1494
|
"target": "/feature5",
|
|
1556
|
-
"label": "Deploy"
|
|
1557
|
-
"toggle": true,
|
|
1558
|
-
"style": "link"
|
|
1495
|
+
"label": "Deploy"
|
|
1559
1496
|
}
|
|
1560
1497
|
},
|
|
1561
1498
|
{
|
|
1562
1499
|
"icon": "login",
|
|
1563
1500
|
"title": "Secure",
|
|
1564
1501
|
"text": "Security is our priority. Our design system is built with best security practices to keep your application safe.",
|
|
1565
|
-
"style": "stack",
|
|
1566
1502
|
"cta": {
|
|
1567
1503
|
"target": "/feature6",
|
|
1568
|
-
"label": "Secure"
|
|
1569
|
-
"toggle": true,
|
|
1570
|
-
"style": "link"
|
|
1504
|
+
"label": "Secure"
|
|
1571
1505
|
}
|
|
1572
1506
|
}
|
|
1573
1507
|
]
|
|
@@ -1578,7 +1512,7 @@
|
|
|
1578
1512
|
"id": "components-features--icon-intext-with-link",
|
|
1579
1513
|
"group": "Components/Features",
|
|
1580
1514
|
"name": "IconIntextWithLink",
|
|
1581
|
-
"code": "<Features\n ctas={{\n style: 'link',\n toggle: true\n }}\n feature={[\n {\n cta: {\n label: 'Customize',\n
|
|
1515
|
+
"code": "<Features\n ctas={{\n style: 'link',\n toggle: true\n }}\n feature={[\n {\n cta: {\n label: 'Customize',\n target: '/feature4'\n },\n icon: 'star',\n text: 'Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.',\n title: 'Customizable Design'\n },\n {\n cta: {\n label: 'Get started',\n target: '/feature2'\n },\n icon: 'map',\n text: 'Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.',\n title: 'Efficient Development'\n },\n {\n cta: {\n label: 'Explore',\n target: '/feature3'\n },\n icon: 'person',\n text: 'Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.',\n title: 'Consistent UI'\n },\n {\n cta: {\n label: 'Deploy',\n target: '/feature5'\n },\n icon: 'upload',\n text: 'Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.',\n title: 'Cloud Ready'\n },\n {\n cta: {\n label: 'Secure',\n target: '/feature6'\n },\n icon: 'login',\n text: 'Security is our priority. Our design system is built with best security practices to keep your application safe.',\n title: 'Secure'\n }\n ]}\n layout=\"largeTiles\"\n style=\"intext\"\n/>",
|
|
1582
1516
|
"args": {
|
|
1583
1517
|
"layout": "largeTiles",
|
|
1584
1518
|
"style": "intext",
|
|
@@ -1591,60 +1525,45 @@
|
|
|
1591
1525
|
"icon": "star",
|
|
1592
1526
|
"title": "Customizable Design",
|
|
1593
1527
|
"text": "Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.",
|
|
1594
|
-
"style": "stack",
|
|
1595
1528
|
"cta": {
|
|
1596
1529
|
"target": "/feature4",
|
|
1597
|
-
"label": "Customize"
|
|
1598
|
-
"toggle": true,
|
|
1599
|
-
"style": "link"
|
|
1530
|
+
"label": "Customize"
|
|
1600
1531
|
}
|
|
1601
1532
|
},
|
|
1602
1533
|
{
|
|
1603
1534
|
"icon": "map",
|
|
1604
1535
|
"title": "Efficient Development",
|
|
1605
1536
|
"text": "Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.",
|
|
1606
|
-
"style": "stack",
|
|
1607
1537
|
"cta": {
|
|
1608
1538
|
"target": "/feature2",
|
|
1609
|
-
"label": "Get started"
|
|
1610
|
-
"toggle": true,
|
|
1611
|
-
"style": "link"
|
|
1539
|
+
"label": "Get started"
|
|
1612
1540
|
}
|
|
1613
1541
|
},
|
|
1614
1542
|
{
|
|
1615
1543
|
"icon": "person",
|
|
1616
1544
|
"title": "Consistent UI",
|
|
1617
1545
|
"text": "Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.",
|
|
1618
|
-
"style": "stack",
|
|
1619
1546
|
"cta": {
|
|
1620
1547
|
"target": "/feature3",
|
|
1621
|
-
"label": "Explore"
|
|
1622
|
-
"toggle": true,
|
|
1623
|
-
"style": "link"
|
|
1548
|
+
"label": "Explore"
|
|
1624
1549
|
}
|
|
1625
1550
|
},
|
|
1626
1551
|
{
|
|
1627
1552
|
"icon": "upload",
|
|
1628
1553
|
"title": "Cloud Ready",
|
|
1629
1554
|
"text": "Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.",
|
|
1630
|
-
"style": "stack",
|
|
1631
1555
|
"cta": {
|
|
1632
1556
|
"target": "/feature5",
|
|
1633
|
-
"label": "Deploy"
|
|
1634
|
-
"toggle": true,
|
|
1635
|
-
"style": "link"
|
|
1557
|
+
"label": "Deploy"
|
|
1636
1558
|
}
|
|
1637
1559
|
},
|
|
1638
1560
|
{
|
|
1639
1561
|
"icon": "login",
|
|
1640
1562
|
"title": "Secure",
|
|
1641
1563
|
"text": "Security is our priority. Our design system is built with best security practices to keep your application safe.",
|
|
1642
|
-
"style": "stack",
|
|
1643
1564
|
"cta": {
|
|
1644
1565
|
"target": "/feature6",
|
|
1645
|
-
"label": "Secure"
|
|
1646
|
-
"toggle": true,
|
|
1647
|
-
"style": "link"
|
|
1566
|
+
"label": "Secure"
|
|
1648
1567
|
}
|
|
1649
1568
|
}
|
|
1650
1569
|
]
|
|
@@ -520,11 +520,8 @@
|
|
|
520
520
|
"title": "Features",
|
|
521
521
|
"description": "The features to display",
|
|
522
522
|
"items": {
|
|
523
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
524
|
-
"$id": "http://schema.mydesignsystem.com/feature.schema.json",
|
|
525
|
-
"title": "Feature",
|
|
526
|
-
"description": "Partial Component used to display a feature",
|
|
527
523
|
"type": "object",
|
|
524
|
+
"title": "Feature",
|
|
528
525
|
"properties": {
|
|
529
526
|
"icon": {
|
|
530
527
|
"type": "string",
|
|
@@ -552,21 +549,8 @@
|
|
|
552
549
|
"This is a feature"
|
|
553
550
|
]
|
|
554
551
|
},
|
|
555
|
-
"style": {
|
|
556
|
-
"type": "string",
|
|
557
|
-
"enum": [
|
|
558
|
-
"intext",
|
|
559
|
-
"stack",
|
|
560
|
-
"centered",
|
|
561
|
-
"besideLarge",
|
|
562
|
-
"besideSmall"
|
|
563
|
-
],
|
|
564
|
-
"default": "stack"
|
|
565
|
-
},
|
|
566
552
|
"cta": {
|
|
567
553
|
"type": "object",
|
|
568
|
-
"title": "Call to Action",
|
|
569
|
-
"description": "The call to action",
|
|
570
554
|
"properties": {
|
|
571
555
|
"target": {
|
|
572
556
|
"type": "string",
|
|
@@ -583,34 +567,12 @@
|
|
|
583
567
|
"examples": [
|
|
584
568
|
"See all our partners"
|
|
585
569
|
]
|
|
586
|
-
},
|
|
587
|
-
"toggle": {
|
|
588
|
-
"type": "boolean",
|
|
589
|
-
"title": "Call to Action Toggle",
|
|
590
|
-
"description": "Activate/disable the CTAs",
|
|
591
|
-
"default": true
|
|
592
|
-
},
|
|
593
|
-
"style": {
|
|
594
|
-
"type": "string",
|
|
595
|
-
"description": "Choose the style of the CTA",
|
|
596
|
-
"enum": [
|
|
597
|
-
"button",
|
|
598
|
-
"link",
|
|
599
|
-
"intext"
|
|
600
|
-
],
|
|
601
|
-
"default": "link"
|
|
602
570
|
}
|
|
603
571
|
},
|
|
604
572
|
"additionalProperties": false
|
|
605
|
-
},
|
|
606
|
-
"type": {
|
|
607
|
-
"const": "feature"
|
|
608
573
|
}
|
|
609
574
|
},
|
|
610
|
-
"additionalProperties": false
|
|
611
|
-
"required": [
|
|
612
|
-
"title"
|
|
613
|
-
]
|
|
575
|
+
"additionalProperties": false
|
|
614
576
|
},
|
|
615
577
|
"minItems": 1,
|
|
616
578
|
"maxItems": 8
|
|
@@ -1730,11 +1692,8 @@
|
|
|
1730
1692
|
"title": "Features",
|
|
1731
1693
|
"description": "The features to display",
|
|
1732
1694
|
"items": {
|
|
1733
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
1734
|
-
"$id": "http://schema.mydesignsystem.com/feature.schema.json",
|
|
1735
|
-
"title": "Feature",
|
|
1736
|
-
"description": "Partial Component used to display a feature",
|
|
1737
1695
|
"type": "object",
|
|
1696
|
+
"title": "Feature",
|
|
1738
1697
|
"properties": {
|
|
1739
1698
|
"icon": {
|
|
1740
1699
|
"type": "string",
|
|
@@ -1762,21 +1721,8 @@
|
|
|
1762
1721
|
"This is a feature"
|
|
1763
1722
|
]
|
|
1764
1723
|
},
|
|
1765
|
-
"style": {
|
|
1766
|
-
"type": "string",
|
|
1767
|
-
"enum": [
|
|
1768
|
-
"intext",
|
|
1769
|
-
"stack",
|
|
1770
|
-
"centered",
|
|
1771
|
-
"besideLarge",
|
|
1772
|
-
"besideSmall"
|
|
1773
|
-
],
|
|
1774
|
-
"default": "stack"
|
|
1775
|
-
},
|
|
1776
1724
|
"cta": {
|
|
1777
1725
|
"type": "object",
|
|
1778
|
-
"title": "Call to Action",
|
|
1779
|
-
"description": "The call to action",
|
|
1780
1726
|
"properties": {
|
|
1781
1727
|
"target": {
|
|
1782
1728
|
"type": "string",
|
|
@@ -1793,34 +1739,12 @@
|
|
|
1793
1739
|
"examples": [
|
|
1794
1740
|
"See all our partners"
|
|
1795
1741
|
]
|
|
1796
|
-
},
|
|
1797
|
-
"toggle": {
|
|
1798
|
-
"type": "boolean",
|
|
1799
|
-
"title": "Call to Action Toggle",
|
|
1800
|
-
"description": "Activate/disable the CTAs",
|
|
1801
|
-
"default": true
|
|
1802
|
-
},
|
|
1803
|
-
"style": {
|
|
1804
|
-
"type": "string",
|
|
1805
|
-
"description": "Choose the style of the CTA",
|
|
1806
|
-
"enum": [
|
|
1807
|
-
"button",
|
|
1808
|
-
"link",
|
|
1809
|
-
"intext"
|
|
1810
|
-
],
|
|
1811
|
-
"default": "link"
|
|
1812
1742
|
}
|
|
1813
1743
|
},
|
|
1814
1744
|
"additionalProperties": false
|
|
1815
|
-
},
|
|
1816
|
-
"type": {
|
|
1817
|
-
"const": "feature"
|
|
1818
1745
|
}
|
|
1819
1746
|
},
|
|
1820
|
-
"additionalProperties": false
|
|
1821
|
-
"required": [
|
|
1822
|
-
"title"
|
|
1823
|
-
]
|
|
1747
|
+
"additionalProperties": false
|
|
1824
1748
|
},
|
|
1825
1749
|
"minItems": 1,
|
|
1826
1750
|
"maxItems": 8
|