@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
|
@@ -397,13 +397,13 @@
|
|
|
397
397
|
]
|
|
398
398
|
},
|
|
399
399
|
"tertiary": {
|
|
400
|
-
"value": "
|
|
400
|
+
"value": "#000000",
|
|
401
401
|
"type": "color",
|
|
402
402
|
"description": "Core Token: core.black-alpha.100\nHEX: 000000\n----------------\nFull solid surface. Used this for calendar picker, input-filed, toasts, panel-rectangles. Can also be used when layering surfaces one to another. For details, find \"UI Layering\" : \nhttps://www.figma.com/file/GAPJbRR46eugOlrHzFJ7Fe/UI-Layering?node-id=3%3A22089",
|
|
403
403
|
"filePath": "src/theme/webex/dark.json",
|
|
404
404
|
"isSource": true,
|
|
405
405
|
"original": {
|
|
406
|
-
"value": "{color.core.black-alpha.100",
|
|
406
|
+
"value": "{color.core.black-alpha.100}",
|
|
407
407
|
"type": "color",
|
|
408
408
|
"description": "Core Token: core.black-alpha.100\nHEX: 000000\n----------------\nFull solid surface. Used this for calendar picker, input-filed, toasts, panel-rectangles. Can also be used when layering surfaces one to another. For details, find \"UI Layering\" : \nhttps://www.figma.com/file/GAPJbRR46eugOlrHzFJ7Fe/UI-Layering?node-id=3%3A22089"
|
|
409
409
|
},
|
|
@@ -1149,13 +1149,13 @@
|
|
|
1149
1149
|
},
|
|
1150
1150
|
"notice": {
|
|
1151
1151
|
"active": {
|
|
1152
|
-
"value": "#
|
|
1152
|
+
"value": "#FAF4EB",
|
|
1153
1153
|
"type": "color",
|
|
1154
1154
|
"description": "Core Token: core.orange.20\nHEX: FCE4C7\n----------------\nUsed for hover/pressed state of teams ",
|
|
1155
1155
|
"filePath": "src/theme/webex/dark.json",
|
|
1156
1156
|
"isSource": true,
|
|
1157
1157
|
"original": {
|
|
1158
|
-
"value": "{color.
|
|
1158
|
+
"value": "{color.core.orange.20}",
|
|
1159
1159
|
"type": "color",
|
|
1160
1160
|
"description": "Core Token: core.orange.20\nHEX: FCE4C7\n----------------\nUsed for hover/pressed state of teams "
|
|
1161
1161
|
},
|
|
@@ -1177,13 +1177,13 @@
|
|
|
1177
1177
|
]
|
|
1178
1178
|
},
|
|
1179
1179
|
"default": {
|
|
1180
|
-
"value": "#
|
|
1180
|
+
"value": "#FF9D52",
|
|
1181
1181
|
"type": "color",
|
|
1182
1182
|
"description": "Core Token: core.orange.40\nHEX:FF9D52\n----------------\nUsed for rest state of teams ",
|
|
1183
1183
|
"filePath": "src/theme/webex/dark.json",
|
|
1184
1184
|
"isSource": true,
|
|
1185
1185
|
"original": {
|
|
1186
|
-
"value": "{color.
|
|
1186
|
+
"value": "{color.core.orange.40}",
|
|
1187
1187
|
"type": "color",
|
|
1188
1188
|
"description": "Core Token: core.orange.40\nHEX:FF9D52\n----------------\nUsed for rest state of teams "
|
|
1189
1189
|
},
|
|
@@ -1537,15 +1537,15 @@
|
|
|
1537
1537
|
]
|
|
1538
1538
|
},
|
|
1539
1539
|
"active": {
|
|
1540
|
-
"value": "#
|
|
1540
|
+
"value": "#e3e7fa",
|
|
1541
1541
|
"type": "color",
|
|
1542
|
-
"description": "Core Token: core.slate.
|
|
1542
|
+
"description": "Core Token: core.slate.20\nHEX: E3E7FA\n-------------------------\nUsed for active state of teams",
|
|
1543
1543
|
"filePath": "src/theme/webex/dark.json",
|
|
1544
1544
|
"isSource": true,
|
|
1545
1545
|
"original": {
|
|
1546
|
-
"value": "{color.decorative.slate.
|
|
1546
|
+
"value": "{color.decorative.slate.20}",
|
|
1547
1547
|
"type": "color",
|
|
1548
|
-
"description": "Core Token: core.slate.
|
|
1548
|
+
"description": "Core Token: core.slate.20\nHEX: E3E7FA\n-------------------------\nUsed for active state of teams"
|
|
1549
1549
|
},
|
|
1550
1550
|
"name": "md-color-theme-content-text-decorative-slate-active",
|
|
1551
1551
|
"attributes": {
|
|
@@ -1568,15 +1568,15 @@
|
|
|
1568
1568
|
},
|
|
1569
1569
|
"violet": {
|
|
1570
1570
|
"default": {
|
|
1571
|
-
"value": "#
|
|
1571
|
+
"value": "#c7a5fa",
|
|
1572
1572
|
"type": "color",
|
|
1573
|
-
"description": "Core Token: core.violet.
|
|
1573
|
+
"description": "Core Token: core.violet.40\nHEX: C7A5FA\n-------------------------\nUsed for rest/hover state of teams",
|
|
1574
1574
|
"filePath": "src/theme/webex/dark.json",
|
|
1575
1575
|
"isSource": true,
|
|
1576
1576
|
"original": {
|
|
1577
|
-
"value": "{color.decorative.violet.
|
|
1577
|
+
"value": "{color.decorative.violet.40}",
|
|
1578
1578
|
"type": "color",
|
|
1579
|
-
"description": "Core Token: core.violet.
|
|
1579
|
+
"description": "Core Token: core.violet.40\nHEX: C7A5FA\n-------------------------\nUsed for rest/hover state of teams"
|
|
1580
1580
|
},
|
|
1581
1581
|
"name": "md-color-theme-content-text-decorative-violet-default",
|
|
1582
1582
|
"attributes": {
|
|
@@ -1597,15 +1597,15 @@
|
|
|
1597
1597
|
]
|
|
1598
1598
|
},
|
|
1599
1599
|
"active": {
|
|
1600
|
-
"value": "#
|
|
1600
|
+
"value": "#f0e3fc",
|
|
1601
1601
|
"type": "color",
|
|
1602
|
-
"description": "Core Token: core.violet.
|
|
1602
|
+
"description": "Core Token: core.violet.20\nHEX: F0E3FC\n-------------------------\nUsed for active state of teams",
|
|
1603
1603
|
"filePath": "src/theme/webex/dark.json",
|
|
1604
1604
|
"isSource": true,
|
|
1605
1605
|
"original": {
|
|
1606
|
-
"value": "{color.decorative.violet.
|
|
1606
|
+
"value": "{color.decorative.violet.20}",
|
|
1607
1607
|
"type": "color",
|
|
1608
|
-
"description": "Core Token: core.violet.
|
|
1608
|
+
"description": "Core Token: core.violet.20\nHEX: F0E3FC\n-------------------------\nUsed for active state of teams"
|
|
1609
1609
|
},
|
|
1610
1610
|
"name": "md-color-theme-content-text-decorative-violet-active",
|
|
1611
1611
|
"attributes": {
|
|
@@ -1628,15 +1628,15 @@
|
|
|
1628
1628
|
},
|
|
1629
1629
|
"purple": {
|
|
1630
1630
|
"default": {
|
|
1631
|
-
"value": "#
|
|
1631
|
+
"value": "#f294f1",
|
|
1632
1632
|
"type": "color",
|
|
1633
|
-
"description": "Core Token: core.purple.70\nHEX:
|
|
1633
|
+
"description": "Core Token: core.purple.70\nHEX: F294F1\n-------------------------\nUsed for rest/hover state of teams",
|
|
1634
1634
|
"filePath": "src/theme/webex/dark.json",
|
|
1635
1635
|
"isSource": true,
|
|
1636
1636
|
"original": {
|
|
1637
|
-
"value": "{color.decorative.purple.
|
|
1637
|
+
"value": "{color.decorative.purple.40}",
|
|
1638
1638
|
"type": "color",
|
|
1639
|
-
"description": "Core Token: core.purple.70\nHEX:
|
|
1639
|
+
"description": "Core Token: core.purple.70\nHEX: F294F1\n-------------------------\nUsed for rest/hover state of teams"
|
|
1640
1640
|
},
|
|
1641
1641
|
"name": "md-color-theme-content-text-decorative-purple-default",
|
|
1642
1642
|
"attributes": {
|
|
@@ -1657,15 +1657,15 @@
|
|
|
1657
1657
|
]
|
|
1658
1658
|
},
|
|
1659
1659
|
"active": {
|
|
1660
|
-
"value": "#
|
|
1660
|
+
"value": "#fce1fc",
|
|
1661
1661
|
"type": "color",
|
|
1662
|
-
"description": "Core Token: core.purple.
|
|
1662
|
+
"description": "Core Token: core.purple.20\nHEX: FCE1FC\n-------------------------\nUsed for active state of teams",
|
|
1663
1663
|
"filePath": "src/theme/webex/dark.json",
|
|
1664
1664
|
"isSource": true,
|
|
1665
1665
|
"original": {
|
|
1666
|
-
"value": "{color.decorative.purple.
|
|
1666
|
+
"value": "{color.decorative.purple.20}",
|
|
1667
1667
|
"type": "color",
|
|
1668
|
-
"description": "Core Token: core.purple.
|
|
1668
|
+
"description": "Core Token: core.purple.20\nHEX: FCE1FC\n-------------------------\nUsed for active state of teams"
|
|
1669
1669
|
},
|
|
1670
1670
|
"name": "md-color-theme-content-text-decorative-purple-active",
|
|
1671
1671
|
"attributes": {
|
|
@@ -1688,15 +1688,15 @@
|
|
|
1688
1688
|
},
|
|
1689
1689
|
"pink": {
|
|
1690
1690
|
"default": {
|
|
1691
|
-
"value": "#
|
|
1691
|
+
"value": "#fc97aa",
|
|
1692
1692
|
"type": "color",
|
|
1693
|
-
"description": "Core Token: core.pink.
|
|
1693
|
+
"description": "Core Token: core.pink.40\nHEX: FC97AA\n-------------------------\nUsed for rest/hover state of teams",
|
|
1694
1694
|
"filePath": "src/theme/webex/dark.json",
|
|
1695
1695
|
"isSource": true,
|
|
1696
1696
|
"original": {
|
|
1697
|
-
"value": "{color.decorative.pink.
|
|
1697
|
+
"value": "{color.decorative.pink.40}",
|
|
1698
1698
|
"type": "color",
|
|
1699
|
-
"description": "Core Token: core.pink.
|
|
1699
|
+
"description": "Core Token: core.pink.40\nHEX: FC97AA\n-------------------------\nUsed for rest/hover state of teams"
|
|
1700
1700
|
},
|
|
1701
1701
|
"name": "md-color-theme-content-text-decorative-pink-default",
|
|
1702
1702
|
"attributes": {
|
|
@@ -1717,15 +1717,15 @@
|
|
|
1717
1717
|
]
|
|
1718
1718
|
},
|
|
1719
1719
|
"active": {
|
|
1720
|
-
"value": "#
|
|
1720
|
+
"value": "#ffe0e7",
|
|
1721
1721
|
"type": "color",
|
|
1722
|
-
"description": "Core Token: core.pink.
|
|
1722
|
+
"description": "Core Token: core.pink.20\nHEX: FFE0E7\n-------------------------\nUsed for active state of teams",
|
|
1723
1723
|
"filePath": "src/theme/webex/dark.json",
|
|
1724
1724
|
"isSource": true,
|
|
1725
1725
|
"original": {
|
|
1726
|
-
"value": "{color.decorative.pink.
|
|
1726
|
+
"value": "{color.decorative.pink.20}",
|
|
1727
1727
|
"type": "color",
|
|
1728
|
-
"description": "Core Token: core.pink.
|
|
1728
|
+
"description": "Core Token: core.pink.20\nHEX: FFE0E7\n-------------------------\nUsed for active state of teams"
|
|
1729
1729
|
},
|
|
1730
1730
|
"name": "md-color-theme-content-text-decorative-pink-active",
|
|
1731
1731
|
"attributes": {
|
|
@@ -2799,13 +2799,13 @@
|
|
|
2799
2799
|
},
|
|
2800
2800
|
"notice": {
|
|
2801
2801
|
"00": {
|
|
2802
|
-
"value": "#
|
|
2802
|
+
"value": "#F26B1D",
|
|
2803
2803
|
"type": "color",
|
|
2804
2804
|
"description": "Core Token: core.orange.50\nHEX: F26B1D\n---------------------\nUsed for avatar presence (busy, meeting, call, device)",
|
|
2805
2805
|
"filePath": "src/theme/webex/dark.json",
|
|
2806
2806
|
"isSource": true,
|
|
2807
2807
|
"original": {
|
|
2808
|
-
"value": "{color.
|
|
2808
|
+
"value": "{color.core.orange.50}",
|
|
2809
2809
|
"type": "color",
|
|
2810
2810
|
"description": "Core Token: core.orange.50\nHEX: F26B1D\n---------------------\nUsed for avatar presence (busy, meeting, call, device)"
|
|
2811
2811
|
},
|
|
@@ -2827,13 +2827,13 @@
|
|
|
2827
2827
|
]
|
|
2828
2828
|
},
|
|
2829
2829
|
"01": {
|
|
2830
|
-
"value": "#
|
|
2830
|
+
"value": "#59311E",
|
|
2831
2831
|
"type": "color",
|
|
2832
2832
|
"description": "Core Token: core.orange.80\nHEX: 59311E\n---------------------------------\nUsed for pressed state of alert-badge",
|
|
2833
2833
|
"filePath": "src/theme/webex/dark.json",
|
|
2834
2834
|
"isSource": true,
|
|
2835
2835
|
"original": {
|
|
2836
|
-
"value": "{color.
|
|
2836
|
+
"value": "{color.core.orange.80}",
|
|
2837
2837
|
"type": "color",
|
|
2838
2838
|
"description": "Core Token: core.orange.80\nHEX: 59311E\n---------------------------------\nUsed for pressed state of alert-badge"
|
|
2839
2839
|
},
|
|
@@ -2855,13 +2855,13 @@
|
|
|
2855
2855
|
]
|
|
2856
2856
|
},
|
|
2857
2857
|
"02": {
|
|
2858
|
-
"value": "#
|
|
2858
|
+
"value": "#33221B",
|
|
2859
2859
|
"type": "color",
|
|
2860
2860
|
"description": "Core Token: core.orange.90\nHEX: 33221B\n---------------------------------\nUsed for rest/hover state of alert-badge",
|
|
2861
2861
|
"filePath": "src/theme/webex/dark.json",
|
|
2862
2862
|
"isSource": true,
|
|
2863
2863
|
"original": {
|
|
2864
|
-
"value": "{color.
|
|
2864
|
+
"value": "{color.core.orange.90}",
|
|
2865
2865
|
"type": "color",
|
|
2866
2866
|
"description": "Core Token: core.orange.90\nHEX: 33221B\n---------------------------------\nUsed for rest/hover state of alert-badge"
|
|
2867
2867
|
},
|
|
@@ -4269,13 +4269,13 @@
|
|
|
4269
4269
|
},
|
|
4270
4270
|
"notice": {
|
|
4271
4271
|
"00": {
|
|
4272
|
-
"value": "#
|
|
4272
|
+
"value": "#FF9D52",
|
|
4273
4273
|
"type": "color",
|
|
4274
4274
|
"description": "Core Token: core.orange.40\nHEX: FF9D52\n-------------------------------\noutline for the orange tags",
|
|
4275
4275
|
"filePath": "src/theme/webex/dark.json",
|
|
4276
4276
|
"isSource": true,
|
|
4277
4277
|
"original": {
|
|
4278
|
-
"value": "{color.
|
|
4278
|
+
"value": "{color.core.orange.40}",
|
|
4279
4279
|
"type": "color",
|
|
4280
4280
|
"description": "Core Token: core.orange.40\nHEX: FF9D52\n-------------------------------\noutline for the orange tags"
|
|
4281
4281
|
},
|
|
@@ -4757,13 +4757,13 @@
|
|
|
4757
4757
|
]
|
|
4758
4758
|
},
|
|
4759
4759
|
"02": {
|
|
4760
|
-
"value": "linear-gradient(180deg, #ffbe4f 0%, #
|
|
4760
|
+
"value": "linear-gradient(180deg, #ffbe4f 0%, #F26B1D 100%)",
|
|
4761
4761
|
"type": "color",
|
|
4762
4762
|
"description": "Core Token: core.yellow.30, \ncore.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",
|
|
4763
4763
|
"filePath": "src/theme/webex/dark.json",
|
|
4764
4764
|
"isSource": true,
|
|
4765
4765
|
"original": {
|
|
4766
|
-
"value": "linear-gradient(180deg, {color.core.yellow.30} 0%, {color.
|
|
4766
|
+
"value": "linear-gradient(180deg, {color.core.yellow.30} 0%, {color.core.orange.50} 100%)",
|
|
4767
4767
|
"type": "color",
|
|
4768
4768
|
"description": "Core Token: core.yellow.30, \ncore.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"
|
|
4769
4769
|
},
|