@momentum-design/tokens 0.0.10 → 0.0.12
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/css/core/complete.css +22 -12
- package/dist/css/theme/webex/dark-complete.css +16 -16
- package/dist/css/theme/webex/light-complete.css +23 -23
- package/dist/ios/core/complete.swift +22 -12
- package/dist/ios/theme/webex/dark-complete.swift +16 -16
- package/dist/ios/theme/webex/light-complete.swift +23 -23
- package/dist/json/core/complete.json +315 -79
- package/dist/json/theme/webex/dark-complete.json +44 -44
- package/dist/json/theme/webex/light-complete.json +65 -65
- package/dist/resources/core/complete.xml +22 -12
- package/dist/resources/theme/webex/dark-complete.xml +16 -16
- package/dist/resources/theme/webex/light-complete.xml +23 -23
- package/dist/scss/core/complete.scss +22 -12
- package/dist/scss/theme/webex/dark-complete.scss +16 -16
- package/dist/scss/theme/webex/light-complete.scss +23 -23
- package/package.json +1 -1
|
@@ -1121,13 +1121,13 @@
|
|
|
1121
1121
|
},
|
|
1122
1122
|
"notice": {
|
|
1123
1123
|
"active": {
|
|
1124
|
-
"value": "#
|
|
1124
|
+
"value": "#33221B",
|
|
1125
1125
|
"type": "color",
|
|
1126
1126
|
"description": "Core Token: core.orange.90\nHEX: 33221B\n----------------\nUsed for hover/pressed state of teams ",
|
|
1127
1127
|
"filePath": "src/theme/webex/light.json",
|
|
1128
1128
|
"isSource": true,
|
|
1129
1129
|
"original": {
|
|
1130
|
-
"value": "{color.
|
|
1130
|
+
"value": "{color.core.orange.90}",
|
|
1131
1131
|
"type": "color",
|
|
1132
1132
|
"description": "Core Token: core.orange.90\nHEX: 33221B\n----------------\nUsed for hover/pressed state of teams "
|
|
1133
1133
|
},
|
|
@@ -1155,7 +1155,7 @@
|
|
|
1155
1155
|
"filePath": "src/theme/webex/light.json",
|
|
1156
1156
|
"isSource": true,
|
|
1157
1157
|
"original": {
|
|
1158
|
-
"value": "{color.
|
|
1158
|
+
"value": "{color.core.orange.70}",
|
|
1159
1159
|
"type": "color",
|
|
1160
1160
|
"description": "Core Token: core.orange.70\nHEX: 914017\n----------------\nUsed for rest state of teams "
|
|
1161
1161
|
},
|
|
@@ -1509,15 +1509,15 @@
|
|
|
1509
1509
|
]
|
|
1510
1510
|
},
|
|
1511
1511
|
"active": {
|
|
1512
|
-
"value": "#
|
|
1512
|
+
"value": "#26262b",
|
|
1513
1513
|
"type": "color",
|
|
1514
|
-
"description": "Core Token: core.slate.20\nHEX:
|
|
1514
|
+
"description": "Core Token: core.slate.20\nHEX: 26262b\n-------------------------\nUsed for active state of teams",
|
|
1515
1515
|
"filePath": "src/theme/webex/light.json",
|
|
1516
1516
|
"isSource": true,
|
|
1517
1517
|
"original": {
|
|
1518
|
-
"value": "{color.decorative.slate.
|
|
1518
|
+
"value": "{color.decorative.slate.90}",
|
|
1519
1519
|
"type": "color",
|
|
1520
|
-
"description": "Core Token: core.slate.20\nHEX:
|
|
1520
|
+
"description": "Core Token: core.slate.20\nHEX: 26262b\n-------------------------\nUsed for active state of teams"
|
|
1521
1521
|
},
|
|
1522
1522
|
"name": "md-color-theme-content-text-decorative-slate-active",
|
|
1523
1523
|
"attributes": {
|
|
@@ -1540,15 +1540,15 @@
|
|
|
1540
1540
|
},
|
|
1541
1541
|
"violet": {
|
|
1542
1542
|
"default": {
|
|
1543
|
-
"value": "#
|
|
1543
|
+
"value": "#643abd",
|
|
1544
1544
|
"type": "color",
|
|
1545
|
-
"description": "Core Token: core.violet.
|
|
1545
|
+
"description": "Core Token: core.violet.70\nHEX: 643abd\n-------------------------\nUsed for rest/hover state of teams",
|
|
1546
1546
|
"filePath": "src/theme/webex/light.json",
|
|
1547
1547
|
"isSource": true,
|
|
1548
1548
|
"original": {
|
|
1549
|
-
"value": "{color.decorative.violet.
|
|
1549
|
+
"value": "{color.decorative.violet.70}",
|
|
1550
1550
|
"type": "color",
|
|
1551
|
-
"description": "Core Token: core.violet.
|
|
1551
|
+
"description": "Core Token: core.violet.70\nHEX: 643abd\n-------------------------\nUsed for rest/hover state of teams"
|
|
1552
1552
|
},
|
|
1553
1553
|
"name": "md-color-theme-content-text-decorative-violet-default",
|
|
1554
1554
|
"attributes": {
|
|
@@ -1569,15 +1569,15 @@
|
|
|
1569
1569
|
]
|
|
1570
1570
|
},
|
|
1571
1571
|
"active": {
|
|
1572
|
-
"value": "#
|
|
1572
|
+
"value": "#29223d",
|
|
1573
1573
|
"type": "color",
|
|
1574
|
-
"description": "Core Token: core.violet.
|
|
1574
|
+
"description": "Core Token: core.violet.90\nHEX: 29223D\n-------------------------\nUsed for active state of teams",
|
|
1575
1575
|
"filePath": "src/theme/webex/light.json",
|
|
1576
1576
|
"isSource": true,
|
|
1577
1577
|
"original": {
|
|
1578
|
-
"value": "{color.decorative.violet.
|
|
1578
|
+
"value": "{color.decorative.violet.90}",
|
|
1579
1579
|
"type": "color",
|
|
1580
|
-
"description": "Core Token: core.violet.
|
|
1580
|
+
"description": "Core Token: core.violet.90\nHEX: 29223D\n-------------------------\nUsed for active state of teams"
|
|
1581
1581
|
},
|
|
1582
1582
|
"name": "md-color-theme-content-text-decorative-violet-active",
|
|
1583
1583
|
"attributes": {
|
|
@@ -1600,15 +1600,15 @@
|
|
|
1600
1600
|
},
|
|
1601
1601
|
"purple": {
|
|
1602
1602
|
"default": {
|
|
1603
|
-
"value": "#
|
|
1603
|
+
"value": "#932099",
|
|
1604
1604
|
"type": "color",
|
|
1605
|
-
"description": "Core Token: core.purple.
|
|
1605
|
+
"description": "Core Token: core.purple.70\nHEX: 932099\n-------------------------\nUsed for rest/hover state of teams",
|
|
1606
1606
|
"filePath": "src/theme/webex/light.json",
|
|
1607
1607
|
"isSource": true,
|
|
1608
1608
|
"original": {
|
|
1609
|
-
"value": "{color.decorative.purple.
|
|
1609
|
+
"value": "{color.decorative.purple.70}",
|
|
1610
1610
|
"type": "color",
|
|
1611
|
-
"description": "Core Token: core.purple.
|
|
1611
|
+
"description": "Core Token: core.purple.70\nHEX: 932099\n-------------------------\nUsed for rest/hover state of teams"
|
|
1612
1612
|
},
|
|
1613
1613
|
"name": "md-color-theme-content-text-decorative-purple-default",
|
|
1614
1614
|
"attributes": {
|
|
@@ -1629,15 +1629,15 @@
|
|
|
1629
1629
|
]
|
|
1630
1630
|
},
|
|
1631
1631
|
"active": {
|
|
1632
|
-
"value": "#
|
|
1632
|
+
"value": "#3b1840",
|
|
1633
1633
|
"type": "color",
|
|
1634
|
-
"description": "Core Token: core.purple.
|
|
1634
|
+
"description": "Core Token: core.purple.90\nHEX: 3B1840\n-------------------------\nUsed for active state of teams",
|
|
1635
1635
|
"filePath": "src/theme/webex/light.json",
|
|
1636
1636
|
"isSource": true,
|
|
1637
1637
|
"original": {
|
|
1638
|
-
"value": "{color.decorative.purple.
|
|
1638
|
+
"value": "{color.decorative.purple.90}",
|
|
1639
1639
|
"type": "color",
|
|
1640
|
-
"description": "Core Token: core.purple.
|
|
1640
|
+
"description": "Core Token: core.purple.90\nHEX: 3B1840\n-------------------------\nUsed for active state of teams"
|
|
1641
1641
|
},
|
|
1642
1642
|
"name": "md-color-theme-content-text-decorative-purple-active",
|
|
1643
1643
|
"attributes": {
|
|
@@ -1660,15 +1660,15 @@
|
|
|
1660
1660
|
},
|
|
1661
1661
|
"pink": {
|
|
1662
1662
|
"default": {
|
|
1663
|
-
"value": "#
|
|
1663
|
+
"value": "#a12a3a",
|
|
1664
1664
|
"type": "color",
|
|
1665
|
-
"description": "Core Token: core.pink.
|
|
1665
|
+
"description": "Core Token: core.pink.70\nHEX: A12A3A\n-------------------------\nUsed for rest/hover state of teams",
|
|
1666
1666
|
"filePath": "src/theme/webex/light.json",
|
|
1667
1667
|
"isSource": true,
|
|
1668
1668
|
"original": {
|
|
1669
|
-
"value": "{color.decorative.pink.
|
|
1669
|
+
"value": "{color.decorative.pink.70}",
|
|
1670
1670
|
"type": "color",
|
|
1671
|
-
"description": "Core Token: core.pink.
|
|
1671
|
+
"description": "Core Token: core.pink.70\nHEX: A12A3A\n-------------------------\nUsed for rest/hover state of teams"
|
|
1672
1672
|
},
|
|
1673
1673
|
"name": "md-color-theme-content-text-decorative-pink-default",
|
|
1674
1674
|
"attributes": {
|
|
@@ -1689,15 +1689,15 @@
|
|
|
1689
1689
|
]
|
|
1690
1690
|
},
|
|
1691
1691
|
"active": {
|
|
1692
|
-
"value": "#
|
|
1692
|
+
"value": "#3b1e21",
|
|
1693
1693
|
"type": "color",
|
|
1694
|
-
"description": "Core Token: core.pink.
|
|
1694
|
+
"description": "Core Token: core.pink.90\nHEX: 3B1E21\n-------------------------\nUsed for active state of teams",
|
|
1695
1695
|
"filePath": "src/theme/webex/light.json",
|
|
1696
1696
|
"isSource": true,
|
|
1697
1697
|
"original": {
|
|
1698
|
-
"value": "{color.decorative.pink.
|
|
1698
|
+
"value": "{color.decorative.pink.90}",
|
|
1699
1699
|
"type": "color",
|
|
1700
|
-
"description": "Core Token: core.pink.
|
|
1700
|
+
"description": "Core Token: core.pink.90\nHEX: 3B1E21\n-------------------------\nUsed for active state of teams"
|
|
1701
1701
|
},
|
|
1702
1702
|
"name": "md-color-theme-content-text-decorative-pink-active",
|
|
1703
1703
|
"attributes": {
|
|
@@ -2771,13 +2771,13 @@
|
|
|
2771
2771
|
},
|
|
2772
2772
|
"notice": {
|
|
2773
2773
|
"00": {
|
|
2774
|
-
"value": "#
|
|
2774
|
+
"value": "#C74F0E",
|
|
2775
2775
|
"type": "color",
|
|
2776
2776
|
"description": "Core Token: core.orange.60\nHEX: C74F0E\n---------------------\nUsed for avatar presence (busy, meeting, call, device)",
|
|
2777
2777
|
"filePath": "src/theme/webex/light.json",
|
|
2778
2778
|
"isSource": true,
|
|
2779
2779
|
"original": {
|
|
2780
|
-
"value": "{color.
|
|
2780
|
+
"value": "{color.core.orange.60}",
|
|
2781
2781
|
"type": "color",
|
|
2782
2782
|
"description": "Core Token: core.orange.60\nHEX: C74F0E\n---------------------\nUsed for avatar presence (busy, meeting, call, device)"
|
|
2783
2783
|
},
|
|
@@ -2799,13 +2799,13 @@
|
|
|
2799
2799
|
]
|
|
2800
2800
|
},
|
|
2801
2801
|
"01": {
|
|
2802
|
-
"value": "#
|
|
2802
|
+
"value": "#FAF4EB",
|
|
2803
2803
|
"type": "color",
|
|
2804
2804
|
"description": "Core Token: core.orange.20\nHEX: FCE4C7\n------------------------------\nUsed for pressed state of alert-badge",
|
|
2805
2805
|
"filePath": "src/theme/webex/light.json",
|
|
2806
2806
|
"isSource": true,
|
|
2807
2807
|
"original": {
|
|
2808
|
-
"value": "{color.
|
|
2808
|
+
"value": "{color.core.orange.20}",
|
|
2809
2809
|
"type": "color",
|
|
2810
2810
|
"description": "Core Token: core.orange.20\nHEX: FCE4C7\n------------------------------\nUsed for pressed state of alert-badge"
|
|
2811
2811
|
},
|
|
@@ -2827,13 +2827,13 @@
|
|
|
2827
2827
|
]
|
|
2828
2828
|
},
|
|
2829
2829
|
"02": {
|
|
2830
|
-
"value": "#
|
|
2830
|
+
"value": "#FEEBD7",
|
|
2831
2831
|
"type": "color",
|
|
2832
2832
|
"description": "Core Token: core.orange.10\nHEX: FAF4EB\n---------------------------------\nUsed for rest/hover state of alert-badge",
|
|
2833
2833
|
"filePath": "src/theme/webex/light.json",
|
|
2834
2834
|
"isSource": true,
|
|
2835
2835
|
"original": {
|
|
2836
|
-
"value": "{color.
|
|
2836
|
+
"value": "{color.core.orange.10}",
|
|
2837
2837
|
"type": "color",
|
|
2838
2838
|
"description": "Core Token: core.orange.10\nHEX: FAF4EB\n---------------------------------\nUsed for rest/hover state of alert-badge"
|
|
2839
2839
|
},
|
|
@@ -4214,13 +4214,13 @@
|
|
|
4214
4214
|
},
|
|
4215
4215
|
"notice": {
|
|
4216
4216
|
"00": {
|
|
4217
|
-
"value": "#
|
|
4217
|
+
"value": "#F26B1D",
|
|
4218
4218
|
"type": "color",
|
|
4219
4219
|
"description": "Core Token: core.orange.50\nHEX: F26B1D\n-------------------------------\noutline for the orange tags",
|
|
4220
4220
|
"filePath": "src/theme/webex/light.json",
|
|
4221
4221
|
"isSource": true,
|
|
4222
4222
|
"original": {
|
|
4223
|
-
"value": "{color.
|
|
4223
|
+
"value": "{color.core.orange.50}",
|
|
4224
4224
|
"type": "color",
|
|
4225
4225
|
"description": "Core Token: core.orange.50\nHEX: F26B1D\n-------------------------------\noutline for the orange tags"
|
|
4226
4226
|
},
|
|
@@ -4335,13 +4335,13 @@
|
|
|
4335
4335
|
"defualt": {
|
|
4336
4336
|
"value": "linear-gradient(90deg, #ab0a15 0%, #ab0a15 22.4%, #ab0a15 76.04%, #ab0a15 100%)",
|
|
4337
4337
|
"type": "color",
|
|
4338
|
-
"description": "
|
|
4338
|
+
"description": "\nCore Token: core.red.70 0%, core.red.70 60%, core.red.70 60%, core.red.70 0%\nHEX: AB0A15 0%, AB0A15 60%,AB0A15 60%, AB0A15 0%, \n--------------------------------\nUsed for divider default on the compose area for classified spaces. ",
|
|
4339
4339
|
"filePath": "src/theme/webex/light.json",
|
|
4340
4340
|
"isSource": true,
|
|
4341
4341
|
"original": {
|
|
4342
4342
|
"value": "linear-gradient(90deg, {color.core.red.70} 0%, {color.core.red.70} 22.4%, {color.core.red.70} 76.04%, {color.core.red.70} 100%)",
|
|
4343
4343
|
"type": "color",
|
|
4344
|
-
"description": "
|
|
4344
|
+
"description": "\nCore Token: core.red.70 0%, core.red.70 60%, core.red.70 60%, core.red.70 0%\nHEX: AB0A15 0%, AB0A15 60%,AB0A15 60%, AB0A15 0%, \n--------------------------------\nUsed for divider default on the compose area for classified spaces. "
|
|
4345
4345
|
},
|
|
4346
4346
|
"name": "md-color-theme-border-decorative-gradient-negative-defualt",
|
|
4347
4347
|
"attributes": {
|
|
@@ -4362,15 +4362,15 @@
|
|
|
4362
4362
|
]
|
|
4363
4363
|
},
|
|
4364
4364
|
"hover": {
|
|
4365
|
-
"value": "linear-gradient(90deg, #fc8b98 0%, #fc8b98
|
|
4365
|
+
"value": "linear-gradient(90deg, #fc8b98 0%, #fc8b98 90%, #fc8b98 90%, #fc8b98 0%)",
|
|
4366
4366
|
"type": "color",
|
|
4367
|
-
"description": "Core Token: core.red.40 0%, core.red.40 90%, core.red.40 90%, core.red.40 0%\
|
|
4367
|
+
"description": "Core Token: core.red.40 0%, core.red.40 90%, core.red.40 90%, core.red.40 0%\nHEX: FC8B98 0%, FC8B98 90%,FC8B98 90%, FC8B98 0%, \n--------------------------------\nUsed for hover state of divider on the compose area for classified spaces. ",
|
|
4368
4368
|
"filePath": "src/theme/webex/light.json",
|
|
4369
4369
|
"isSource": true,
|
|
4370
4370
|
"original": {
|
|
4371
|
-
"value": "linear-gradient(90deg, {color.core.red.40} 0%, {color.core.red.40}
|
|
4371
|
+
"value": "linear-gradient(90deg, {color.core.red.40} 0%, {color.core.red.40} 90%, {color.core.red.40} 90%, {color.core.red.40} 0%)",
|
|
4372
4372
|
"type": "color",
|
|
4373
|
-
"description": "Core Token: core.red.40 0%, core.red.40 90%, core.red.40 90%, core.red.40 0%\
|
|
4373
|
+
"description": "Core Token: core.red.40 0%, core.red.40 90%, core.red.40 90%, core.red.40 0%\nHEX: FC8B98 0%, FC8B98 90%,FC8B98 90%, FC8B98 0%, \n--------------------------------\nUsed for hover state of divider on the compose area for classified spaces. "
|
|
4374
4374
|
},
|
|
4375
4375
|
"name": "md-color-theme-border-decorative-gradient-negative-hover",
|
|
4376
4376
|
"attributes": {
|
|
@@ -4541,13 +4541,13 @@
|
|
|
4541
4541
|
]
|
|
4542
4542
|
},
|
|
4543
4543
|
"positive": {
|
|
4544
|
-
"value": "#3cc29a",
|
|
4544
|
+
"value": "linear-gradient(180deg, #3cc29a 0%, #93c437 100%)",
|
|
4545
4545
|
"type": "color",
|
|
4546
4546
|
"description": "Core Token: core.green.40, \ndecorative.lime.40\nHEX: 3CC29A, 93C437\n---------------------------\nUsed for success-related illustrations. \nFor details, see Illustration Guidelines\nhttps://www.figma.com/file/0CSTGFBEXaRfXclKNlVdnF/Illustration-Guidelines?node-id=0%3A1",
|
|
4547
4547
|
"filePath": "src/theme/webex/light.json",
|
|
4548
4548
|
"isSource": true,
|
|
4549
4549
|
"original": {
|
|
4550
|
-
"value": "{color.core.green.40}",
|
|
4550
|
+
"value": "linear-gradient(180deg, {color.core.green.40} 0%, {color.decorative.lime.40} 100%)",
|
|
4551
4551
|
"type": "color",
|
|
4552
4552
|
"description": "Core Token: core.green.40, \ndecorative.lime.40\nHEX: 3CC29A, 93C437\n---------------------------\nUsed for success-related illustrations. \nFor details, see Illustration Guidelines\nhttps://www.figma.com/file/0CSTGFBEXaRfXclKNlVdnF/Illustration-Guidelines?node-id=0%3A1"
|
|
4553
4553
|
},
|
|
@@ -4566,13 +4566,13 @@
|
|
|
4566
4566
|
]
|
|
4567
4567
|
},
|
|
4568
4568
|
"negative": {
|
|
4569
|
-
"value": "#f0677e",
|
|
4569
|
+
"value": "linear-gradient(180deg, #f0677e 0%, #db1f2e 100%)",
|
|
4570
4570
|
"type": "color",
|
|
4571
4571
|
"description": "Core Token: \ndecorative.pink.50, \ncore.red.60\nHEX: F0677E, DB1F2E\n---------------------------\nUsed for error-related illustrations. \nFor details, see Illustration Guidelines\nhttps://www.figma.com/file/0CSTGFBEXaRfXclKNlVdnF/Illustration-Guidelines?node-id=0%3A1",
|
|
4572
4572
|
"filePath": "src/theme/webex/light.json",
|
|
4573
4573
|
"isSource": true,
|
|
4574
4574
|
"original": {
|
|
4575
|
-
"value": "{color.decorative.pink.50}",
|
|
4575
|
+
"value": "linear-gradient(180deg, {color.decorative.pink.50} 0%, {color.core.red.60} 100%)",
|
|
4576
4576
|
"type": "color",
|
|
4577
4577
|
"description": "Core Token: \ndecorative.pink.50, \ncore.red.60\nHEX: F0677E, DB1F2E\n---------------------------\nUsed for error-related illustrations. \nFor details, see Illustration Guidelines\nhttps://www.figma.com/file/0CSTGFBEXaRfXclKNlVdnF/Illustration-Guidelines?node-id=0%3A1"
|
|
4578
4578
|
},
|
|
@@ -4592,13 +4592,13 @@
|
|
|
4592
4592
|
},
|
|
4593
4593
|
"empty": {
|
|
4594
4594
|
"00": {
|
|
4595
|
-
"value": "#93c437",
|
|
4595
|
+
"value": "linear-gradient(180deg, #93c437 0%, #279be8 100%)",
|
|
4596
4596
|
"type": "color",
|
|
4597
4597
|
"description": "Core Token: decorative.lime.40\ndecorative.cobalt.50\nHEX: 93C437, 279BE8\n---------------------------\nUsed for empty state.\nFor details, see Illustration Guidelines\nhttps://www.figma.com/file/0CSTGFBEXaRfXclKNlVdnF/Illustration-Guidelines?node-id=0%3A1",
|
|
4598
4598
|
"filePath": "src/theme/webex/light.json",
|
|
4599
4599
|
"isSource": true,
|
|
4600
4600
|
"original": {
|
|
4601
|
-
"value": "{color.decorative.lime.40}",
|
|
4601
|
+
"value": "linear-gradient(180deg, {color.decorative.lime.40} 0%, {color.decorative.cobalt.50} 100%)",
|
|
4602
4602
|
"type": "color",
|
|
4603
4603
|
"description": "Core Token: decorative.lime.40\ndecorative.cobalt.50\nHEX: 93C437, 279BE8\n---------------------------\nUsed for empty state.\nFor details, see Illustration Guidelines\nhttps://www.figma.com/file/0CSTGFBEXaRfXclKNlVdnF/Illustration-Guidelines?node-id=0%3A1"
|
|
4604
4604
|
},
|
|
@@ -4619,13 +4619,13 @@
|
|
|
4619
4619
|
]
|
|
4620
4620
|
},
|
|
4621
4621
|
"01": {
|
|
4622
|
-
"value": "#279be8",
|
|
4622
|
+
"value": "linear-gradient(180deg, #279be8 0%, #875ae0 100%)",
|
|
4623
4623
|
"type": "color",
|
|
4624
4624
|
"description": "Core Token: decorative.cobalt.50\ndecorative.violet.60\nHEX: 279BE8, 875AE0\n---------------------------\nUsed for empty state.\nFor details, see Illustration Guidelines\nhttps://www.figma.com/file/0CSTGFBEXaRfXclKNlVdnF/Illustration-Guidelines?node-id=0%3A1",
|
|
4625
4625
|
"filePath": "src/theme/webex/light.json",
|
|
4626
4626
|
"isSource": true,
|
|
4627
4627
|
"original": {
|
|
4628
|
-
"value": "{color.decorative.cobalt.50}",
|
|
4628
|
+
"value": "linear-gradient(180deg, {color.decorative.cobalt.50} 0%, {color.decorative.violet.60} 100%)",
|
|
4629
4629
|
"type": "color",
|
|
4630
4630
|
"description": "Core Token: decorative.cobalt.50\ndecorative.violet.60\nHEX: 279BE8, 875AE0\n---------------------------\nUsed for empty state.\nFor details, see Illustration Guidelines\nhttps://www.figma.com/file/0CSTGFBEXaRfXclKNlVdnF/Illustration-Guidelines?node-id=0%3A1"
|
|
4631
4631
|
},
|
|
@@ -4648,13 +4648,13 @@
|
|
|
4648
4648
|
},
|
|
4649
4649
|
"onboarding": {
|
|
4650
4650
|
"00": {
|
|
4651
|
-
"value": "#ffbe4f",
|
|
4651
|
+
"value": "linear-gradient(180deg, #ffbe4f 0%, #93c437 100%)",
|
|
4652
4652
|
"type": "color",
|
|
4653
4653
|
"description": "Core Token: core.yellow.30\ndecorative.lime.40\nHEX: FFBE4F, 93C437\n---------------------------\nUsed for onboarding-related illustrations. \nFor details, see Illustration Guidelines\nhttps://www.figma.com/file/0CSTGFBEXaRfXclKNlVdnF/Illustration-Guidelines?node-id=0%3A1",
|
|
4654
4654
|
"filePath": "src/theme/webex/light.json",
|
|
4655
4655
|
"isSource": true,
|
|
4656
4656
|
"original": {
|
|
4657
|
-
"value": "{color.core.yellow.30}",
|
|
4657
|
+
"value": "linear-gradient(180deg, {color.core.yellow.30} 0%, {color.decorative.lime.40} 100%)",
|
|
4658
4658
|
"type": "color",
|
|
4659
4659
|
"description": "Core Token: core.yellow.30\ndecorative.lime.40\nHEX: FFBE4F, 93C437\n---------------------------\nUsed for onboarding-related illustrations. \nFor details, see Illustration Guidelines\nhttps://www.figma.com/file/0CSTGFBEXaRfXclKNlVdnF/Illustration-Guidelines?node-id=0%3A1"
|
|
4660
4660
|
},
|
|
@@ -4675,13 +4675,13 @@
|
|
|
4675
4675
|
]
|
|
4676
4676
|
},
|
|
4677
4677
|
"01": {
|
|
4678
|
-
"value": "#f55868",
|
|
4678
|
+
"value": "linear-gradient(180deg, #f55868 0%, #875ae0 100%)",
|
|
4679
4679
|
"type": "color",
|
|
4680
4680
|
"description": "Core Token: core.red.50, \ndecorative.violet.60\nHEX: F55868, 875AE0\n---------------------------\nUsed for onboarding-related illustrations. \nFor details, see Illustration Guidelines\nhttps://www.figma.com/file/0CSTGFBEXaRfXclKNlVdnF/Illustration-Guidelines?node-id=0%3A1",
|
|
4681
4681
|
"filePath": "src/theme/webex/light.json",
|
|
4682
4682
|
"isSource": true,
|
|
4683
4683
|
"original": {
|
|
4684
|
-
"value": "{color.core.red.50}",
|
|
4684
|
+
"value": "linear-gradient(180deg, {color.core.red.50} 0%, {color.decorative.violet.60} 100%)",
|
|
4685
4685
|
"type": "color",
|
|
4686
4686
|
"description": "Core Token: core.red.50, \ndecorative.violet.60\nHEX: F55868, 875AE0\n---------------------------\nUsed for onboarding-related illustrations. \nFor details, see Illustration Guidelines\nhttps://www.figma.com/file/0CSTGFBEXaRfXclKNlVdnF/Illustration-Guidelines?node-id=0%3A1"
|
|
4687
4687
|
},
|
|
@@ -4702,15 +4702,15 @@
|
|
|
4702
4702
|
]
|
|
4703
4703
|
},
|
|
4704
4704
|
"02": {
|
|
4705
|
-
"value": "#ffbe4f",
|
|
4705
|
+
"value": "linear-gradient(180deg, #ffbe4f 0%, #F26B1D 100%)",
|
|
4706
4706
|
"type": "color",
|
|
4707
|
-
"description": "Core Token:
|
|
4707
|
+
"description": "Core Token:core.yellow.30, core.orange.50\nHEX: FFBE4F, F26B1D\n---------------------------\nUsed for onboarding-related illustrations. \nFor details, see Illustration Guidelines\nhttps://www.figma.com/file/0CSTGFBEXaRfXclKNlVdnF/Illustration-Guidelines?node-id=0%3A1",
|
|
4708
4708
|
"filePath": "src/theme/webex/light.json",
|
|
4709
4709
|
"isSource": true,
|
|
4710
4710
|
"original": {
|
|
4711
|
-
"value": "{color.core.yellow.30}",
|
|
4711
|
+
"value": "linear-gradient(180deg, {color.core.yellow.30} 0%, {color.core.orange.50} 100%)",
|
|
4712
4712
|
"type": "color",
|
|
4713
|
-
"description": "Core Token:
|
|
4713
|
+
"description": "Core Token:core.yellow.30, core.orange.50\nHEX: FFBE4F, F26B1D\n---------------------------\nUsed for onboarding-related illustrations. \nFor details, see Illustration Guidelines\nhttps://www.figma.com/file/0CSTGFBEXaRfXclKNlVdnF/Illustration-Guidelines?node-id=0%3A1"
|
|
4714
4714
|
},
|
|
4715
4715
|
"name": "md-color-theme-illustration-onboarding-02",
|
|
4716
4716
|
"attributes": {
|
|
@@ -4729,13 +4729,13 @@
|
|
|
4729
4729
|
]
|
|
4730
4730
|
},
|
|
4731
4731
|
"03": {
|
|
4732
|
-
"value": "#93c437",
|
|
4732
|
+
"value": "linear-gradient(180deg, #93c437 0%, #279be8 100%)",
|
|
4733
4733
|
"type": "color",
|
|
4734
4734
|
"description": "Core Token: decorative.lime.40, \ndecorative.cobalt.50\nHEX: 93C437, 279BE8\n---------------------------\nUsed for onboarding-related illustrations. \nFor details, see Illustration Guidelines\nhttps://www.figma.com/file/0CSTGFBEXaRfXclKNlVdnF/Illustration-Guidelines?node-id=0%3A1",
|
|
4735
4735
|
"filePath": "src/theme/webex/light.json",
|
|
4736
4736
|
"isSource": true,
|
|
4737
4737
|
"original": {
|
|
4738
|
-
"value": "{color.decorative.lime.40}",
|
|
4738
|
+
"value": "linear-gradient(180deg, {color.decorative.lime.40} 0%, {color.decorative.cobalt.50} 100%)",
|
|
4739
4739
|
"type": "color",
|
|
4740
4740
|
"description": "Core Token: decorative.lime.40, \ndecorative.cobalt.50\nHEX: 93C437, 279BE8\n---------------------------\nUsed for onboarding-related illustrations. \nFor details, see Illustration Guidelines\nhttps://www.figma.com/file/0CSTGFBEXaRfXclKNlVdnF/Illustration-Guidelines?node-id=0%3A1"
|
|
4741
4741
|
},
|
|
@@ -4756,13 +4756,13 @@
|
|
|
4756
4756
|
]
|
|
4757
4757
|
},
|
|
4758
4758
|
"04": {
|
|
4759
|
-
"value": "#279be8",
|
|
4759
|
+
"value": "linear-gradient(180deg, #279be8 0%, #875ae0 100%)",
|
|
4760
4760
|
"type": "color",
|
|
4761
4761
|
"description": "Core Token: decorative.cobalt.50, \ndecorative.violet.60\nHEX: 279BE8, 875AE0\n---------------------------\nUsed for onboarding-related illustrations. \nFor details, see Illustration Guidelines\nhttps://www.figma.com/file/0CSTGFBEXaRfXclKNlVdnF/Illustration-Guidelines?node-id=0%3A1",
|
|
4762
4762
|
"filePath": "src/theme/webex/light.json",
|
|
4763
4763
|
"isSource": true,
|
|
4764
4764
|
"original": {
|
|
4765
|
-
"value": "{color.decorative.cobalt.50}",
|
|
4765
|
+
"value": "linear-gradient(180deg, {color.decorative.cobalt.50} 0%, {color.decorative.violet.60} 100%)",
|
|
4766
4766
|
"type": "color",
|
|
4767
4767
|
"description": "Core Token: decorative.cobalt.50, \ndecorative.violet.60\nHEX: 279BE8, 875AE0\n---------------------------\nUsed for onboarding-related illustrations. \nFor details, see Illustration Guidelines\nhttps://www.figma.com/file/0CSTGFBEXaRfXclKNlVdnF/Illustration-Guidelines?node-id=0%3A1"
|
|
4768
4768
|
},
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
<!--
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated on
|
|
5
|
+
Generated on Tue, 22 Nov 2022 00:12:41 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
8
|
<string name="md-border-radius-small">4px</string>
|
|
@@ -75,7 +75,6 @@
|
|
|
75
75
|
<color name="md-color-core-green-90">#0e2b20</color>
|
|
76
76
|
<color name="md-color-core-green-95">#0a1c15</color>
|
|
77
77
|
<color name="md-color-core-green-100">#07120d</color>
|
|
78
|
-
<color name="md-color-core-green-105">#4e6961</color>
|
|
79
78
|
<color name="md-color-core-green-05">#edf7f5</color>
|
|
80
79
|
<color name="md-color-core-red-10">#ffe8ea</color>
|
|
81
80
|
<color name="md-color-core-red-20">#ffd4da</color>
|
|
@@ -101,16 +100,18 @@
|
|
|
101
100
|
<color name="md-color-core-yellow-95">#24180b</color>
|
|
102
101
|
<color name="md-color-core-yellow-100">#140e08</color>
|
|
103
102
|
<color name="md-color-core-yellow-05">#fff6e3</color>
|
|
104
|
-
<color name="md-color-
|
|
105
|
-
<color name="md-color-
|
|
106
|
-
<color name="md-color-
|
|
107
|
-
<color name="md-color-
|
|
108
|
-
<color name="md-color-
|
|
109
|
-
<color name="md-color-
|
|
110
|
-
<color name="md-color-
|
|
111
|
-
<color name="md-color-
|
|
112
|
-
<color name="md-color-
|
|
113
|
-
<color name="md-color-
|
|
103
|
+
<color name="md-color-core-orange-10">#FEEBD7</color>
|
|
104
|
+
<color name="md-color-core-orange-20">#FAF4EB</color>
|
|
105
|
+
<color name="md-color-core-orange-30">#FFCA99</color>
|
|
106
|
+
<color name="md-color-core-orange-40">#FF9D52</color>
|
|
107
|
+
<color name="md-color-core-orange-50">#F26B1D</color>
|
|
108
|
+
<color name="md-color-core-orange-60">#C74F0E</color>
|
|
109
|
+
<color name="md-color-core-orange-70">#914017</color>
|
|
110
|
+
<color name="md-color-core-orange-80">#59311E</color>
|
|
111
|
+
<color name="md-color-core-orange-90">#33221B</color>
|
|
112
|
+
<color name="md-color-core-orange-95">#291303</color>
|
|
113
|
+
<color name="md-color-core-orange-100">#211916</color>
|
|
114
|
+
<color name="md-color-core-orange-05">#FEF3E8</color>
|
|
114
115
|
<color name="md-color-decorative-gold-10">#f7f6dc</color>
|
|
115
116
|
<color name="md-color-decorative-gold-20">#f5eaa2</color>
|
|
116
117
|
<color name="md-color-decorative-gold-30">#ebd460</color>
|
|
@@ -259,6 +260,15 @@
|
|
|
259
260
|
<color name="md-color-mobile-lavender-light-secondary">#fbf7ff</color>
|
|
260
261
|
<color name="md-color-mobile-lavender-dark-primary">#18082b</color>
|
|
261
262
|
<color name="md-color-mobile-lavender-dark-secondary">#27163b</color>
|
|
263
|
+
<color name="md-color-partner-pdf">#EE0507</color>
|
|
264
|
+
<color name="md-color-partner-word">#0078D6</color>
|
|
265
|
+
<color name="md-color-partner-powerpoint">#D93E17</color>
|
|
266
|
+
<color name="md-color-partner-excel">#00893E</color>
|
|
267
|
+
<color name="md-color-partner-onenote">#B839DB</color>
|
|
268
|
+
<color name="md-color-partner-sheets">#F4B400</color>
|
|
269
|
+
<color name="md-color-partner-slides">#0F9D58</color>
|
|
270
|
+
<color name="md-color-partner-keynote">#029CFB</color>
|
|
271
|
+
<color name="md-color-partner-doc">#4285f4</color>
|
|
262
272
|
<string name="md-elevation-0">0px 0px 0px 0px</string>
|
|
263
273
|
<string name="md-elevation-1">drop-shadow(0px 4px 8px rgba(0,0,0,0.2))</string>
|
|
264
274
|
<string name="md-elevation-2">drop-shadow(0px 24px 48px rgba(0,0,0,0.2))</string>
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
<!--
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated on
|
|
5
|
+
Generated on Tue, 22 Nov 2022 00:12:42 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
8
|
<color name="md-color-theme-bg-primary">linear-gradient(180deg, #1a1a1a 0%, #0f0f0f 100%)</color>
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
<color name="md-color-theme-surface-neutral-01-disabled">#ffffff1c</color>
|
|
20
20
|
<color name="md-color-theme-surface-neutral-02-primary">#262626</color>
|
|
21
21
|
<color name="md-color-theme-surface-neutral-02-secondary">#1a1a1a</color>
|
|
22
|
-
<color name="md-color-theme-surface-neutral-02-tertiary"
|
|
22
|
+
<color name="md-color-theme-surface-neutral-02-tertiary">#000000</color>
|
|
23
23
|
<color name="md-color-theme-surface-positive-default">#0e2b20</color>
|
|
24
24
|
<color name="md-color-theme-surface-positive-active">#134231</color>
|
|
25
25
|
<color name="md-color-theme-surface-negative-default">#780d13</color>
|
|
@@ -45,8 +45,8 @@
|
|
|
45
45
|
<color name="md-color-theme-content-text-accent-active">#bfe3ff</color>
|
|
46
46
|
<color name="md-color-theme-content-text-accent-hover">#bfe3ff</color>
|
|
47
47
|
<color name="md-color-theme-content-text-accent-default">#64b4fa</color>
|
|
48
|
-
<color name="md-color-theme-content-text-notice-active">#
|
|
49
|
-
<color name="md-color-theme-content-text-notice-default">#
|
|
48
|
+
<color name="md-color-theme-content-text-notice-active">#FAF4EB</color>
|
|
49
|
+
<color name="md-color-theme-content-text-notice-default">#FF9D52</color>
|
|
50
50
|
<color name="md-color-theme-content-text-decorative-gold-default">#d6b220</color>
|
|
51
51
|
<color name="md-color-theme-content-text-decorative-gold-active">#f5eaa2</color>
|
|
52
52
|
<color name="md-color-theme-content-text-decorative-lime-default">#93c437</color>
|
|
@@ -58,13 +58,13 @@
|
|
|
58
58
|
<color name="md-color-theme-content-text-decorative-cobalt-default">#5ebff7</color>
|
|
59
59
|
<color name="md-color-theme-content-text-decorative-cobalt-active">#c7eeff</color>
|
|
60
60
|
<color name="md-color-theme-content-text-decorative-slate-default">#b0b4d9</color>
|
|
61
|
-
<color name="md-color-theme-content-text-decorative-slate-active">#
|
|
62
|
-
<color name="md-color-theme-content-text-decorative-violet-default">#
|
|
63
|
-
<color name="md-color-theme-content-text-decorative-violet-active">#
|
|
64
|
-
<color name="md-color-theme-content-text-decorative-purple-default">#
|
|
65
|
-
<color name="md-color-theme-content-text-decorative-purple-active">#
|
|
66
|
-
<color name="md-color-theme-content-text-decorative-pink-default">#
|
|
67
|
-
<color name="md-color-theme-content-text-decorative-pink-active">#
|
|
61
|
+
<color name="md-color-theme-content-text-decorative-slate-active">#e3e7fa</color>
|
|
62
|
+
<color name="md-color-theme-content-text-decorative-violet-default">#c7a5fa</color>
|
|
63
|
+
<color name="md-color-theme-content-text-decorative-violet-active">#f0e3fc</color>
|
|
64
|
+
<color name="md-color-theme-content-text-decorative-purple-default">#f294f1</color>
|
|
65
|
+
<color name="md-color-theme-content-text-decorative-purple-active">#fce1fc</color>
|
|
66
|
+
<color name="md-color-theme-content-text-decorative-pink-default">#fc97aa</color>
|
|
67
|
+
<color name="md-color-theme-content-text-decorative-pink-active">#ffe0e7</color>
|
|
68
68
|
<color name="md-color-theme-content-btn-neutral-primary-default">#000000f2</color>
|
|
69
69
|
<color name="md-color-theme-content-btn-neutral-primary-hover">#000000cc</color>
|
|
70
70
|
<color name="md-color-theme-content-btn-neutral-primary-pressed">#000000b3</color>
|
|
@@ -101,9 +101,9 @@
|
|
|
101
101
|
<color name="md-color-theme-content-indicator-accent-01">#1170cf</color>
|
|
102
102
|
<color name="md-color-theme-content-indicator-accent-02">#063a75</color>
|
|
103
103
|
<color name="md-color-theme-content-indicator-accent-03">#0a274a</color>
|
|
104
|
-
<color name="md-color-theme-content-indicator-notice-00">#
|
|
105
|
-
<color name="md-color-theme-content-indicator-notice-01">#
|
|
106
|
-
<color name="md-color-theme-content-indicator-notice-02">#
|
|
104
|
+
<color name="md-color-theme-content-indicator-notice-00">#F26B1D</color>
|
|
105
|
+
<color name="md-color-theme-content-indicator-notice-01">#59311E</color>
|
|
106
|
+
<color name="md-color-theme-content-indicator-notice-02">#33221B</color>
|
|
107
107
|
<color name="md-color-theme-content-indicator-decorative-gold-01">#735107</color>
|
|
108
108
|
<color name="md-color-theme-content-indicator-decorative-gold-02">#4d370c</color>
|
|
109
109
|
<color name="md-color-theme-content-indicator-decorative-gold-03">#30240d</color>
|
|
@@ -151,7 +151,7 @@
|
|
|
151
151
|
<color name="md-color-theme-border-positive-00">#3cc29a</color>
|
|
152
152
|
<color name="md-color-theme-border-negative-00">#fc8b98</color>
|
|
153
153
|
<color name="md-color-theme-border-accent-00">#64b4fa</color>
|
|
154
|
-
<color name="md-color-theme-border-notice-00">#
|
|
154
|
+
<color name="md-color-theme-border-notice-00">#FF9D52</color>
|
|
155
155
|
<color name="md-color-theme-border-decorative-gradient-device">linear-gradient(44deg, #08599c 0%, #22c7d6 51.56%, #27a17a 100%)</color>
|
|
156
156
|
<color name="md-color-theme-border-decorative-gradient-primary-default">linear-gradient(90deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%)</color>
|
|
157
157
|
<color name="md-color-theme-border-decorative-gradient-primary-hover">linear-gradient(90deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%)</color>
|
|
@@ -168,7 +168,7 @@
|
|
|
168
168
|
<color name="md-color-theme-illustration-empty-01">linear-gradient(180deg, #279be8 0%, #875ae0 100%)</color>
|
|
169
169
|
<color name="md-color-theme-illustration-onboarding-00">linear-gradient(180deg, #ffbe4f 0%, #93c437 100%)</color>
|
|
170
170
|
<color name="md-color-theme-illustration-onboarding-01">linear-gradient(180deg, #f55868 0%, #875ae0 100%)</color>
|
|
171
|
-
<color name="md-color-theme-illustration-onboarding-02">linear-gradient(180deg, #ffbe4f 0%, #
|
|
171
|
+
<color name="md-color-theme-illustration-onboarding-02">linear-gradient(180deg, #ffbe4f 0%, #F26B1D 100%)</color>
|
|
172
172
|
<color name="md-color-theme-illustration-onboarding-03">linear-gradient(180deg, #93c437 0%, #279be8 100%)</color>
|
|
173
173
|
<color name="md-color-theme-illustration-onboarding-04">linear-gradient(180deg, #279be8 0%, #875ae0 100%)</color>
|
|
174
174
|
|