@momentum-design/tokens 0.2.7 → 0.3.0
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/components/complete.css +994 -0
- package/dist/css/core/complete.css +1 -1
- package/dist/css/effect/complete.css +8 -0
- package/dist/css/elevation/complete.css +11 -0
- package/dist/css/theme/aaos/day-complete.css +1 -1
- package/dist/css/theme/aaos/night-complete.css +1 -1
- package/dist/css/theme/webex/dark-stable.css +11 -1
- package/dist/css/theme/webex/hc-dark-stable.css +12 -1
- package/dist/css/theme/webex/hc-light-stable.css +12 -1
- package/dist/css/theme/webex/light-stable.css +12 -1
- package/dist/css/typography/complete.css +1 -1
- package/dist/ios/core/complete.swift +1 -1
- package/dist/ios/effect/complete.swift +14 -0
- package/dist/ios/elevation/complete.swift +17 -0
- package/dist/ios/theme/aaos/day-complete.swift +1 -1
- package/dist/ios/theme/aaos/night-complete.swift +1 -1
- package/dist/ios/theme/webex/dark-stable.swift +11 -1
- package/dist/ios/theme/webex/hc-dark-stable.swift +12 -1
- package/dist/ios/theme/webex/hc-light-stable.swift +12 -1
- package/dist/ios/theme/webex/light-stable.swift +12 -1
- package/dist/ios/typography/complete.swift +1 -1
- package/dist/ios-webex/effect/complete.swift +11 -0
- package/dist/ios-webex/theme/webex/dark-stable.swift +16 -0
- package/dist/ios-webex/theme/webex/hc-dark-stable.swift +11 -0
- package/dist/ios-webex/theme/webex/hc-light-stable.swift +33 -0
- package/dist/ios-webex/theme/webex/light-stable.swift +51 -0
- package/dist/json/effect/complete.json +21 -0
- package/dist/json/elevation/complete.json +108 -0
- package/dist/json/theme/webex/dark-stable.json +291 -0
- package/dist/json/theme/webex/hc-dark-stable.json +315 -0
- package/dist/json/theme/webex/hc-light-stable.json +319 -0
- package/dist/json/theme/webex/light-stable.json +319 -0
- package/dist/json-minimal/effect/complete.json +3 -0
- package/dist/json-minimal/elevation/complete.json +8 -0
- package/dist/json-minimal/theme/webex/dark-stable.json +23 -1
- package/dist/json-minimal/theme/webex/hc-dark-stable.json +26 -1
- package/dist/json-minimal/theme/webex/hc-light-stable.json +26 -1
- package/dist/json-minimal/theme/webex/light-stable.json +26 -1
- package/dist/resources/core/complete.xml +1 -1
- package/dist/resources/effect/complete.xml +10 -0
- package/dist/resources/elevation/complete.xml +13 -0
- package/dist/resources/theme/aaos/day-complete.xml +1 -1
- package/dist/resources/theme/aaos/night-complete.xml +1 -1
- package/dist/resources/theme/webex/dark-stable.xml +11 -1
- package/dist/resources/theme/webex/hc-dark-stable.xml +12 -1
- package/dist/resources/theme/webex/hc-light-stable.xml +12 -1
- package/dist/resources/theme/webex/light-stable.xml +12 -1
- package/dist/resources/typography/complete.xml +1 -1
- package/dist/scss/core/complete.scss +1 -1
- package/dist/scss/effect/complete.scss +5 -0
- package/dist/scss/elevation/complete.scss +8 -0
- package/dist/scss/theme/aaos/day-complete.scss +1 -1
- package/dist/scss/theme/aaos/night-complete.scss +1 -1
- package/dist/scss/theme/webex/dark-stable.scss +11 -1
- package/dist/scss/theme/webex/hc-dark-stable.scss +12 -1
- package/dist/scss/theme/webex/hc-light-stable.scss +12 -1
- package/dist/scss/theme/webex/light-stable.scss +12 -1
- package/dist/scss/typography/complete.scss +1 -1
- package/package.json +8 -5
|
@@ -4685,6 +4685,93 @@
|
|
|
4685
4685
|
"normal"
|
|
4686
4686
|
]
|
|
4687
4687
|
}
|
|
4688
|
+
},
|
|
4689
|
+
"glass": {
|
|
4690
|
+
"normal": {
|
|
4691
|
+
"value": "#ffffff",
|
|
4692
|
+
"type": "color",
|
|
4693
|
+
"description": "Used for glass effect background for operation pop. ",
|
|
4694
|
+
"filePath": "src/theme/stable/highcontrast/hc_light.json",
|
|
4695
|
+
"isSource": true,
|
|
4696
|
+
"original": {
|
|
4697
|
+
"value": "{color.highcontrast.white.WindowColor}",
|
|
4698
|
+
"type": "color",
|
|
4699
|
+
"description": "Used for glass effect background for operation pop. "
|
|
4700
|
+
},
|
|
4701
|
+
"name": "mds-color-theme-background-glass-normal",
|
|
4702
|
+
"attributes": {
|
|
4703
|
+
"category": "color",
|
|
4704
|
+
"type": "theme",
|
|
4705
|
+
"item": "background",
|
|
4706
|
+
"subitem": "glass",
|
|
4707
|
+
"state": "normal"
|
|
4708
|
+
},
|
|
4709
|
+
"path": [
|
|
4710
|
+
"color",
|
|
4711
|
+
"theme",
|
|
4712
|
+
"background",
|
|
4713
|
+
"glass",
|
|
4714
|
+
"normal"
|
|
4715
|
+
]
|
|
4716
|
+
},
|
|
4717
|
+
"overlay": {
|
|
4718
|
+
"normal": {
|
|
4719
|
+
"value": "#00009f",
|
|
4720
|
+
"type": "color",
|
|
4721
|
+
"description": "Used for operation pop: knocked-back effect when signle card is selected",
|
|
4722
|
+
"filePath": "src/theme/stable/highcontrast/hc_light.json",
|
|
4723
|
+
"isSource": true,
|
|
4724
|
+
"original": {
|
|
4725
|
+
"value": "{color.highcontrast.white.HotlightColor}",
|
|
4726
|
+
"type": "color",
|
|
4727
|
+
"description": "Used for operation pop: knocked-back effect when signle card is selected"
|
|
4728
|
+
},
|
|
4729
|
+
"name": "mds-color-theme-background-glass-overlay-normal",
|
|
4730
|
+
"attributes": {
|
|
4731
|
+
"category": "color",
|
|
4732
|
+
"type": "theme",
|
|
4733
|
+
"item": "background",
|
|
4734
|
+
"subitem": "glass",
|
|
4735
|
+
"state": "overlay"
|
|
4736
|
+
},
|
|
4737
|
+
"path": [
|
|
4738
|
+
"color",
|
|
4739
|
+
"theme",
|
|
4740
|
+
"background",
|
|
4741
|
+
"glass",
|
|
4742
|
+
"overlay",
|
|
4743
|
+
"normal"
|
|
4744
|
+
]
|
|
4745
|
+
},
|
|
4746
|
+
"inactive": {
|
|
4747
|
+
"value": "#ffffff",
|
|
4748
|
+
"type": "color",
|
|
4749
|
+
"description": "Used for operation pop: knocked-back effect when signle card is selected",
|
|
4750
|
+
"filePath": "src/theme/stable/highcontrast/hc_light.json",
|
|
4751
|
+
"isSource": true,
|
|
4752
|
+
"original": {
|
|
4753
|
+
"value": "{color.highcontrast.white.WindowColor}",
|
|
4754
|
+
"type": "color",
|
|
4755
|
+
"description": "Used for operation pop: knocked-back effect when signle card is selected"
|
|
4756
|
+
},
|
|
4757
|
+
"name": "mds-color-theme-background-glass-overlay-inactive",
|
|
4758
|
+
"attributes": {
|
|
4759
|
+
"category": "color",
|
|
4760
|
+
"type": "theme",
|
|
4761
|
+
"item": "background",
|
|
4762
|
+
"subitem": "glass",
|
|
4763
|
+
"state": "overlay"
|
|
4764
|
+
},
|
|
4765
|
+
"path": [
|
|
4766
|
+
"color",
|
|
4767
|
+
"theme",
|
|
4768
|
+
"background",
|
|
4769
|
+
"glass",
|
|
4770
|
+
"overlay",
|
|
4771
|
+
"inactive"
|
|
4772
|
+
]
|
|
4773
|
+
}
|
|
4774
|
+
}
|
|
4688
4775
|
}
|
|
4689
4776
|
},
|
|
4690
4777
|
"button": {
|
|
@@ -5282,6 +5369,94 @@
|
|
|
5282
5369
|
"pressed"
|
|
5283
5370
|
]
|
|
5284
5371
|
}
|
|
5372
|
+
},
|
|
5373
|
+
"glass": {
|
|
5374
|
+
"primary": {
|
|
5375
|
+
"normal": {
|
|
5376
|
+
"value": "#ffffff",
|
|
5377
|
+
"type": "color",
|
|
5378
|
+
"description": "Used for Operation pop button",
|
|
5379
|
+
"filePath": "src/theme/stable/highcontrast/hc_light.json",
|
|
5380
|
+
"isSource": true,
|
|
5381
|
+
"original": {
|
|
5382
|
+
"value": "{color.highcontrast.white.ButtonFaceColor}",
|
|
5383
|
+
"type": "color",
|
|
5384
|
+
"description": "Used for Operation pop button"
|
|
5385
|
+
},
|
|
5386
|
+
"name": "mds-color-theme-button-glass-primary-normal",
|
|
5387
|
+
"attributes": {
|
|
5388
|
+
"category": "color",
|
|
5389
|
+
"type": "theme",
|
|
5390
|
+
"item": "button",
|
|
5391
|
+
"subitem": "glass",
|
|
5392
|
+
"state": "primary"
|
|
5393
|
+
},
|
|
5394
|
+
"path": [
|
|
5395
|
+
"color",
|
|
5396
|
+
"theme",
|
|
5397
|
+
"button",
|
|
5398
|
+
"glass",
|
|
5399
|
+
"primary",
|
|
5400
|
+
"normal"
|
|
5401
|
+
]
|
|
5402
|
+
},
|
|
5403
|
+
"hover": {
|
|
5404
|
+
"value": "#37006e",
|
|
5405
|
+
"type": "color",
|
|
5406
|
+
"description": "Used for Operation pop button",
|
|
5407
|
+
"filePath": "src/theme/stable/highcontrast/hc_light.json",
|
|
5408
|
+
"isSource": true,
|
|
5409
|
+
"original": {
|
|
5410
|
+
"value": "{color.highcontrast.white.HighlightColor}",
|
|
5411
|
+
"type": "color",
|
|
5412
|
+
"description": "Used for Operation pop button"
|
|
5413
|
+
},
|
|
5414
|
+
"name": "mds-color-theme-button-glass-primary-hover",
|
|
5415
|
+
"attributes": {
|
|
5416
|
+
"category": "color",
|
|
5417
|
+
"type": "theme",
|
|
5418
|
+
"item": "button",
|
|
5419
|
+
"subitem": "glass",
|
|
5420
|
+
"state": "primary"
|
|
5421
|
+
},
|
|
5422
|
+
"path": [
|
|
5423
|
+
"color",
|
|
5424
|
+
"theme",
|
|
5425
|
+
"button",
|
|
5426
|
+
"glass",
|
|
5427
|
+
"primary",
|
|
5428
|
+
"hover"
|
|
5429
|
+
]
|
|
5430
|
+
},
|
|
5431
|
+
"pressed": {
|
|
5432
|
+
"value": "#37006e",
|
|
5433
|
+
"type": "color",
|
|
5434
|
+
"description": "Used for Operation pop button",
|
|
5435
|
+
"filePath": "src/theme/stable/highcontrast/hc_light.json",
|
|
5436
|
+
"isSource": true,
|
|
5437
|
+
"original": {
|
|
5438
|
+
"value": "{color.highcontrast.white.HighlightColor}",
|
|
5439
|
+
"type": "color",
|
|
5440
|
+
"description": "Used for Operation pop button"
|
|
5441
|
+
},
|
|
5442
|
+
"name": "mds-color-theme-button-glass-primary-pressed",
|
|
5443
|
+
"attributes": {
|
|
5444
|
+
"category": "color",
|
|
5445
|
+
"type": "theme",
|
|
5446
|
+
"item": "button",
|
|
5447
|
+
"subitem": "glass",
|
|
5448
|
+
"state": "primary"
|
|
5449
|
+
},
|
|
5450
|
+
"path": [
|
|
5451
|
+
"color",
|
|
5452
|
+
"theme",
|
|
5453
|
+
"button",
|
|
5454
|
+
"glass",
|
|
5455
|
+
"primary",
|
|
5456
|
+
"pressed"
|
|
5457
|
+
]
|
|
5458
|
+
}
|
|
5459
|
+
}
|
|
5285
5460
|
}
|
|
5286
5461
|
},
|
|
5287
5462
|
"outline": {
|
|
@@ -8243,6 +8418,62 @@
|
|
|
8243
8418
|
"avatar",
|
|
8244
8419
|
"pressed"
|
|
8245
8420
|
]
|
|
8421
|
+
},
|
|
8422
|
+
"glass": {
|
|
8423
|
+
"normal": {
|
|
8424
|
+
"value": "#000000",
|
|
8425
|
+
"type": "color",
|
|
8426
|
+
"description": "Used for Operation pop",
|
|
8427
|
+
"filePath": "src/theme/stable/highcontrast/hc_light.json",
|
|
8428
|
+
"isSource": true,
|
|
8429
|
+
"original": {
|
|
8430
|
+
"value": "{color.highcontrast.white.WindowTextColor}",
|
|
8431
|
+
"type": "color",
|
|
8432
|
+
"description": "Used for Operation pop"
|
|
8433
|
+
},
|
|
8434
|
+
"name": "mds-color-theme-avatar-glass-normal",
|
|
8435
|
+
"attributes": {
|
|
8436
|
+
"category": "color",
|
|
8437
|
+
"type": "theme",
|
|
8438
|
+
"item": "avatar",
|
|
8439
|
+
"subitem": "glass",
|
|
8440
|
+
"state": "normal"
|
|
8441
|
+
},
|
|
8442
|
+
"path": [
|
|
8443
|
+
"color",
|
|
8444
|
+
"theme",
|
|
8445
|
+
"avatar",
|
|
8446
|
+
"glass",
|
|
8447
|
+
"normal"
|
|
8448
|
+
]
|
|
8449
|
+
},
|
|
8450
|
+
"active": {
|
|
8451
|
+
"value": "#000000",
|
|
8452
|
+
"type": "color",
|
|
8453
|
+
"description": "Used for Operation pop",
|
|
8454
|
+
"filePath": "src/theme/stable/highcontrast/hc_light.json",
|
|
8455
|
+
"isSource": true,
|
|
8456
|
+
"original": {
|
|
8457
|
+
"value": "{color.highcontrast.white.WindowTextColor}",
|
|
8458
|
+
"type": "color",
|
|
8459
|
+
"description": "Used for Operation pop"
|
|
8460
|
+
},
|
|
8461
|
+
"name": "mds-color-theme-avatar-glass-active",
|
|
8462
|
+
"attributes": {
|
|
8463
|
+
"category": "color",
|
|
8464
|
+
"type": "theme",
|
|
8465
|
+
"item": "avatar",
|
|
8466
|
+
"subitem": "glass",
|
|
8467
|
+
"state": "active"
|
|
8468
|
+
},
|
|
8469
|
+
"path": [
|
|
8470
|
+
"color",
|
|
8471
|
+
"theme",
|
|
8472
|
+
"avatar",
|
|
8473
|
+
"glass",
|
|
8474
|
+
"active"
|
|
8475
|
+
]
|
|
8476
|
+
}
|
|
8246
8477
|
}
|
|
8247
8478
|
},
|
|
8248
8479
|
"common": {
|
|
@@ -9463,6 +9694,34 @@
|
|
|
9463
9694
|
"disabled"
|
|
9464
9695
|
]
|
|
9465
9696
|
}
|
|
9697
|
+
},
|
|
9698
|
+
"warning": {
|
|
9699
|
+
"normal": {
|
|
9700
|
+
"value": "#000000",
|
|
9701
|
+
"type": "color",
|
|
9702
|
+
"filePath": "src/theme/stable/highcontrast/hc_light.json",
|
|
9703
|
+
"isSource": true,
|
|
9704
|
+
"original": {
|
|
9705
|
+
"value": "{color.highcontrast.white.WindowTextColor}",
|
|
9706
|
+
"type": "color"
|
|
9707
|
+
},
|
|
9708
|
+
"name": "mds-color-theme-common-outline-warning-normal",
|
|
9709
|
+
"attributes": {
|
|
9710
|
+
"category": "color",
|
|
9711
|
+
"type": "theme",
|
|
9712
|
+
"item": "common",
|
|
9713
|
+
"subitem": "outline",
|
|
9714
|
+
"state": "warning"
|
|
9715
|
+
},
|
|
9716
|
+
"path": [
|
|
9717
|
+
"color",
|
|
9718
|
+
"theme",
|
|
9719
|
+
"common",
|
|
9720
|
+
"outline",
|
|
9721
|
+
"warning",
|
|
9722
|
+
"normal"
|
|
9723
|
+
]
|
|
9724
|
+
}
|
|
9466
9725
|
}
|
|
9467
9726
|
},
|
|
9468
9727
|
"control": {
|
|
@@ -10935,6 +11194,66 @@
|
|
|
10935
11194
|
"hover"
|
|
10936
11195
|
]
|
|
10937
11196
|
}
|
|
11197
|
+
},
|
|
11198
|
+
"vertical": {
|
|
11199
|
+
"normal": {
|
|
11200
|
+
"parent": "theme/stable/dark",
|
|
11201
|
+
"type": "color",
|
|
11202
|
+
"value": "#000000",
|
|
11203
|
+
"description": "Used for default default on compose area in space",
|
|
11204
|
+
"filePath": "src/theme/stable/highcontrast/hc_light.json",
|
|
11205
|
+
"isSource": true,
|
|
11206
|
+
"original": {
|
|
11207
|
+
"parent": "theme/stable/dark",
|
|
11208
|
+
"type": "color",
|
|
11209
|
+
"value": "{color.highcontrast.white.WindowTextColor}",
|
|
11210
|
+
"description": "Used for default default on compose area in space"
|
|
11211
|
+
},
|
|
11212
|
+
"name": "mds-color-theme-gradientdivider-vertical-normal",
|
|
11213
|
+
"attributes": {
|
|
11214
|
+
"category": "color",
|
|
11215
|
+
"type": "theme",
|
|
11216
|
+
"item": "gradientdivider",
|
|
11217
|
+
"subitem": "vertical",
|
|
11218
|
+
"state": "normal"
|
|
11219
|
+
},
|
|
11220
|
+
"path": [
|
|
11221
|
+
"color",
|
|
11222
|
+
"theme",
|
|
11223
|
+
"gradientdivider",
|
|
11224
|
+
"vertical",
|
|
11225
|
+
"normal"
|
|
11226
|
+
]
|
|
11227
|
+
},
|
|
11228
|
+
"hover": {
|
|
11229
|
+
"parent": "theme/stable/dark",
|
|
11230
|
+
"type": "color",
|
|
11231
|
+
"value": "#000000",
|
|
11232
|
+
"description": "linear-gradient(90deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%)\nUsed for hover state of gradient divider for spaces",
|
|
11233
|
+
"filePath": "src/theme/stable/highcontrast/hc_light.json",
|
|
11234
|
+
"isSource": true,
|
|
11235
|
+
"original": {
|
|
11236
|
+
"parent": "theme/stable/dark",
|
|
11237
|
+
"type": "color",
|
|
11238
|
+
"value": "{color.highcontrast.white.WindowTextColor}",
|
|
11239
|
+
"description": "linear-gradient(90deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%)\nUsed for hover state of gradient divider for spaces"
|
|
11240
|
+
},
|
|
11241
|
+
"name": "mds-color-theme-gradientdivider-vertical-hover",
|
|
11242
|
+
"attributes": {
|
|
11243
|
+
"category": "color",
|
|
11244
|
+
"type": "theme",
|
|
11245
|
+
"item": "gradientdivider",
|
|
11246
|
+
"subitem": "vertical",
|
|
11247
|
+
"state": "hover"
|
|
11248
|
+
},
|
|
11249
|
+
"path": [
|
|
11250
|
+
"color",
|
|
11251
|
+
"theme",
|
|
11252
|
+
"gradientdivider",
|
|
11253
|
+
"vertical",
|
|
11254
|
+
"hover"
|
|
11255
|
+
]
|
|
11256
|
+
}
|
|
10938
11257
|
}
|
|
10939
11258
|
},
|
|
10940
11259
|
"focus": {
|