@sage/design-tokens 5.2.0 → 5.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/css/frozenproduct/all.css +7 -5
- package/css/frozenproduct/large/dark.css +6 -5
- package/css/frozenproduct/large/light.css +1 -0
- package/css/frozenproduct/small/dark.css +6 -5
- package/css/frozenproduct/small/light.css +1 -0
- package/css/marketing/all.css +38 -36
- package/css/marketing/large/dark.css +6 -5
- package/css/marketing/large/light.css +1 -0
- package/css/marketing/small/components/button.css +22 -22
- package/css/marketing/small/components/container.css +9 -9
- package/css/marketing/small/dark.css +6 -5
- package/css/marketing/small/light.css +1 -0
- package/css/product/all.css +7 -5
- package/css/product/large/components/status.css +3 -3
- package/css/product/large/dark.css +6 -5
- package/css/product/large/light.css +1 -0
- package/css/product/small/dark.css +6 -5
- package/css/product/small/light.css +1 -0
- package/ios/frozenproduct/large/dark/mode.h +6 -5
- package/ios/frozenproduct/large/light/mode.h +1 -0
- package/ios/frozenproduct/small/dark/mode.h +6 -5
- package/ios/frozenproduct/small/light/mode.h +1 -0
- package/ios/marketing/large/dark/mode.h +6 -5
- package/ios/marketing/large/light/mode.h +1 -0
- package/ios/marketing/small/dark/mode.h +6 -5
- package/ios/marketing/small/light/mode.h +1 -0
- package/ios/product/large/dark/mode.h +6 -5
- package/ios/product/large/light/mode.h +1 -0
- package/ios/product/small/dark/mode.h +6 -5
- package/ios/product/small/light/mode.h +1 -0
- package/js/common/frozenproduct/large/dark/mode.d.ts +10 -9
- package/js/common/frozenproduct/large/dark/mode.js +170 -89
- package/js/common/frozenproduct/large/light/mode.d.ts +1 -0
- package/js/common/frozenproduct/large/light/mode.js +31 -0
- package/js/common/frozenproduct/small/dark/mode.d.ts +10 -9
- package/js/common/frozenproduct/small/dark/mode.js +170 -89
- package/js/common/frozenproduct/small/light/mode.d.ts +1 -0
- package/js/common/frozenproduct/small/light/mode.js +31 -0
- package/js/common/marketing/large/dark/mode.d.ts +10 -9
- package/js/common/marketing/large/dark/mode.js +170 -89
- package/js/common/marketing/large/light/mode.d.ts +1 -0
- package/js/common/marketing/large/light/mode.js +31 -0
- package/js/common/marketing/small/dark/mode.d.ts +10 -9
- package/js/common/marketing/small/dark/mode.js +170 -89
- package/js/common/marketing/small/light/mode.d.ts +1 -0
- package/js/common/marketing/small/light/mode.js +31 -0
- package/js/common/product/large/dark/mode.d.ts +10 -9
- package/js/common/product/large/dark/mode.js +170 -89
- package/js/common/product/large/light/mode.d.ts +1 -0
- package/js/common/product/large/light/mode.js +31 -0
- package/js/common/product/small/dark/mode.d.ts +10 -9
- package/js/common/product/small/dark/mode.js +170 -89
- package/js/common/product/small/light/mode.d.ts +1 -0
- package/js/common/product/small/light/mode.js +31 -0
- package/js/es6/frozenproduct/large/dark/mode.d.ts +8 -6
- package/js/es6/frozenproduct/large/dark/mode.js +7 -6
- package/js/es6/frozenproduct/large/light/mode.d.ts +2 -0
- package/js/es6/frozenproduct/large/light/mode.js +1 -0
- package/js/es6/frozenproduct/small/dark/mode.d.ts +8 -6
- package/js/es6/frozenproduct/small/dark/mode.js +7 -6
- package/js/es6/frozenproduct/small/light/mode.d.ts +2 -0
- package/js/es6/frozenproduct/small/light/mode.js +1 -0
- package/js/es6/marketing/large/dark/mode.d.ts +8 -6
- package/js/es6/marketing/large/dark/mode.js +7 -6
- package/js/es6/marketing/large/light/mode.d.ts +2 -0
- package/js/es6/marketing/large/light/mode.js +1 -0
- package/js/es6/marketing/small/dark/mode.d.ts +8 -6
- package/js/es6/marketing/small/dark/mode.js +7 -6
- package/js/es6/marketing/small/light/mode.d.ts +2 -0
- package/js/es6/marketing/small/light/mode.js +1 -0
- package/js/es6/product/large/dark/mode.d.ts +8 -6
- package/js/es6/product/large/dark/mode.js +7 -6
- package/js/es6/product/large/light/mode.d.ts +2 -0
- package/js/es6/product/large/light/mode.js +1 -0
- package/js/es6/product/small/dark/mode.d.ts +8 -6
- package/js/es6/product/small/dark/mode.js +7 -6
- package/js/es6/product/small/light/mode.d.ts +2 -0
- package/js/es6/product/small/light/mode.js +1 -0
- package/js/umd/frozenproduct/large/dark/mode.js +177 -89
- package/js/umd/frozenproduct/large/light/mode.js +38 -0
- package/js/umd/frozenproduct/small/dark/mode.js +177 -89
- package/js/umd/frozenproduct/small/light/mode.js +38 -0
- package/js/umd/marketing/large/dark/mode.js +177 -89
- package/js/umd/marketing/large/light/mode.js +38 -0
- package/js/umd/marketing/small/dark/mode.js +177 -89
- package/js/umd/marketing/small/light/mode.js +38 -0
- package/js/umd/product/large/dark/mode.js +177 -89
- package/js/umd/product/large/light/mode.js +38 -0
- package/js/umd/product/small/dark/mode.js +177 -89
- package/js/umd/product/small/light/mode.js +38 -0
- package/json/flat/frozenproduct/large/dark/mode.json +6 -5
- package/json/flat/frozenproduct/large/light/mode.json +1 -0
- package/json/flat/frozenproduct/small/dark/mode.json +6 -5
- package/json/flat/frozenproduct/small/light/mode.json +1 -0
- package/json/flat/marketing/large/dark/mode.json +6 -5
- package/json/flat/marketing/large/light/mode.json +1 -0
- package/json/flat/marketing/small/dark/mode.json +6 -5
- package/json/flat/marketing/small/light/mode.json +1 -0
- package/json/flat/product/large/dark/mode.json +6 -5
- package/json/flat/product/large/light/mode.json +1 -0
- package/json/flat/product/small/dark/mode.json +6 -5
- package/json/flat/product/small/light/mode.json +1 -0
- package/json/nested/frozenproduct/large/dark/mode.json +11 -10
- package/json/nested/frozenproduct/large/light/mode.json +2 -1
- package/json/nested/frozenproduct/small/dark/mode.json +11 -10
- package/json/nested/frozenproduct/small/light/mode.json +2 -1
- package/json/nested/marketing/large/dark/mode.json +11 -10
- package/json/nested/marketing/large/light/mode.json +2 -1
- package/json/nested/marketing/small/dark/mode.json +11 -10
- package/json/nested/marketing/small/light/mode.json +2 -1
- package/json/nested/product/large/dark/mode.json +11 -10
- package/json/nested/product/large/light/mode.json +2 -1
- package/json/nested/product/small/dark/mode.json +11 -10
- package/json/nested/product/small/light/mode.json +2 -1
- package/package.json +1 -1
- package/sage-design-tokens-5.3.0.tgz +0 -0
- package/scss/frozenproduct/large/dark.scss +6 -5
- package/scss/frozenproduct/large/light.scss +1 -0
- package/scss/frozenproduct/small/components/button.scss +22 -22
- package/scss/frozenproduct/small/components/container.scss +9 -9
- package/scss/frozenproduct/small/components/form.scss +7 -7
- package/scss/frozenproduct/small/components/link.scss +2 -2
- package/scss/frozenproduct/small/components/logo.scss +4 -4
- package/scss/frozenproduct/small/components/nav.scss +3 -3
- package/scss/frozenproduct/small/components/page.scss +1 -1
- package/scss/frozenproduct/small/components/popover.scss +2 -2
- package/scss/frozenproduct/small/components/progress.scss +6 -6
- package/scss/frozenproduct/small/components/status.scss +3 -3
- package/scss/frozenproduct/small/components/tab.scss +7 -7
- package/scss/frozenproduct/small/components/table.scss +11 -11
- package/scss/frozenproduct/small/dark.scss +6 -5
- package/scss/frozenproduct/small/light.scss +1 -0
- package/scss/marketing/large/dark.scss +6 -5
- package/scss/marketing/large/light.scss +1 -0
- package/scss/marketing/small/dark.scss +6 -5
- package/scss/marketing/small/light.scss +1 -0
- package/scss/product/large/components/button.scss +22 -22
- package/scss/product/large/components/container.scss +9 -9
- package/scss/product/large/components/form.scss +7 -7
- package/scss/product/large/components/link.scss +2 -2
- package/scss/product/large/components/logo.scss +4 -4
- package/scss/product/large/components/nav.scss +3 -3
- package/scss/product/large/components/page.scss +1 -1
- package/scss/product/large/components/popover.scss +2 -2
- package/scss/product/large/components/progress.scss +6 -6
- package/scss/product/large/components/status.scss +3 -3
- package/scss/product/large/components/tab.scss +7 -7
- package/scss/product/large/components/table.scss +11 -11
- package/scss/product/large/dark.scss +6 -5
- package/scss/product/large/light.scss +1 -0
- package/scss/product/small/components/button.scss +22 -22
- package/scss/product/small/components/container.scss +9 -9
- package/scss/product/small/components/form.scss +7 -7
- package/scss/product/small/components/link.scss +2 -2
- package/scss/product/small/components/logo.scss +4 -4
- package/scss/product/small/components/nav.scss +3 -3
- package/scss/product/small/components/page.scss +1 -1
- package/scss/product/small/components/popover.scss +2 -2
- package/scss/product/small/components/progress.scss +6 -6
- package/scss/product/small/components/status.scss +3 -3
- package/scss/product/small/components/tab.scss +7 -7
- package/scss/product/small/components/table.scss +11 -11
- package/scss/product/small/dark.scss +6 -5
- package/scss/product/small/light.scss +1 -0
- package/sage-design-tokens-5.2.0.tgz +0 -0
|
@@ -4519,95 +4519,6 @@
|
|
|
4519
4519
|
},
|
|
4520
4520
|
},
|
|
4521
4521
|
status: {
|
|
4522
|
-
ai: {
|
|
4523
|
-
default: {
|
|
4524
|
-
value: "#000000",
|
|
4525
|
-
type: "color",
|
|
4526
|
-
filePath: "data/tokens/modes/dark.json",
|
|
4527
|
-
isSource: true,
|
|
4528
|
-
original: {
|
|
4529
|
-
value: "{modes.color.generic.bg.nought}",
|
|
4530
|
-
type: "color",
|
|
4531
|
-
},
|
|
4532
|
-
name: "modesColorStatusAiDefault",
|
|
4533
|
-
attributes: {},
|
|
4534
|
-
path: ["modes", "color", "status", "ai", "default"],
|
|
4535
|
-
},
|
|
4536
|
-
defaultAlt: {
|
|
4537
|
-
value: "#FFFFFF",
|
|
4538
|
-
type: "color",
|
|
4539
|
-
description: "bg for contextual message comp",
|
|
4540
|
-
filePath: "data/tokens/modes/dark.json",
|
|
4541
|
-
isSource: true,
|
|
4542
|
-
original: {
|
|
4543
|
-
value: "{modes.color.generic.bg.extreme}",
|
|
4544
|
-
type: "color",
|
|
4545
|
-
description: "bg for contextual message comp",
|
|
4546
|
-
},
|
|
4547
|
-
name: "modesColorStatusAiDefaultAlt",
|
|
4548
|
-
attributes: {
|
|
4549
|
-
value: "#FFFFFF",
|
|
4550
|
-
type: "color",
|
|
4551
|
-
description: "bg for contextual message comp",
|
|
4552
|
-
filePath: "data/tokens/modes/dark.json",
|
|
4553
|
-
isSource: true,
|
|
4554
|
-
original: {
|
|
4555
|
-
value: "{modes.color.generic.bg.extreme}",
|
|
4556
|
-
type: "color",
|
|
4557
|
-
description: "bg for contextual message comp",
|
|
4558
|
-
},
|
|
4559
|
-
name: "defaultAlt",
|
|
4560
|
-
attributes: {},
|
|
4561
|
-
path: ["modes", "color", "status", "ai", "defaultAlt"],
|
|
4562
|
-
comment: "bg for contextual message comp",
|
|
4563
|
-
},
|
|
4564
|
-
path: ["modes", "color", "status", "ai", "defaultAlt"],
|
|
4565
|
-
comment: "bg for contextual message comp",
|
|
4566
|
-
},
|
|
4567
|
-
"default-horizontal": {
|
|
4568
|
-
value:
|
|
4569
|
-
"linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
|
|
4570
|
-
type: "color",
|
|
4571
|
-
filePath: "data/tokens/modes/dark.json",
|
|
4572
|
-
isSource: true,
|
|
4573
|
-
original: {
|
|
4574
|
-
value: "{primitives.colors.lightAiH}",
|
|
4575
|
-
type: "color",
|
|
4576
|
-
},
|
|
4577
|
-
name: "modesColorStatusAiDefaultHorizontal",
|
|
4578
|
-
attributes: {},
|
|
4579
|
-
path: ["modes", "color", "status", "ai", "default-horizontal"],
|
|
4580
|
-
},
|
|
4581
|
-
"default-vertical": {
|
|
4582
|
-
value:
|
|
4583
|
-
"linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
|
|
4584
|
-
type: "color",
|
|
4585
|
-
filePath: "data/tokens/modes/dark.json",
|
|
4586
|
-
isSource: true,
|
|
4587
|
-
original: {
|
|
4588
|
-
value: "{primitives.colors.lightAiV}",
|
|
4589
|
-
type: "color",
|
|
4590
|
-
},
|
|
4591
|
-
name: "modesColorStatusAiDefaultVertical",
|
|
4592
|
-
attributes: {},
|
|
4593
|
-
path: ["modes", "color", "status", "ai", "default-vertical"],
|
|
4594
|
-
},
|
|
4595
|
-
},
|
|
4596
|
-
generic: {
|
|
4597
|
-
default: {
|
|
4598
|
-
value: "#008a89",
|
|
4599
|
-
type: "color",
|
|
4600
|
-
filePath: "data/tokens/modes/dark.json",
|
|
4601
|
-
isSource: true,
|
|
4602
|
-
original: {
|
|
4603
|
-
value: "{primitives.colors.petrol}",
|
|
4604
|
-
type: "color",
|
|
4605
|
-
},
|
|
4606
|
-
name: "modesColorStatusGenericDefault",
|
|
4607
|
-
attributes: {},
|
|
4608
|
-
path: ["modes", "color", "status", "generic", "default"],
|
|
4609
|
-
},
|
|
4610
|
-
},
|
|
4611
4522
|
caution: {
|
|
4612
4523
|
default: {
|
|
4613
4524
|
value: "#E04500",
|
|
@@ -4949,6 +4860,183 @@
|
|
|
4949
4860
|
],
|
|
4950
4861
|
comment: "Global message bg",
|
|
4951
4862
|
},
|
|
4863
|
+
icon: {
|
|
4864
|
+
value: "#e75b23",
|
|
4865
|
+
type: "color",
|
|
4866
|
+
$extensions: {
|
|
4867
|
+
"studio.tokens": {
|
|
4868
|
+
modify: {
|
|
4869
|
+
type: "mix",
|
|
4870
|
+
value: "0.10",
|
|
4871
|
+
space: "lch",
|
|
4872
|
+
color: "#FFFFFF",
|
|
4873
|
+
filePath: "data/tokens/modes/dark.json",
|
|
4874
|
+
isSource: true,
|
|
4875
|
+
format: "hex",
|
|
4876
|
+
},
|
|
4877
|
+
},
|
|
4878
|
+
},
|
|
4879
|
+
description: "Global message icon.",
|
|
4880
|
+
filePath: "data/tokens/modes/dark.json",
|
|
4881
|
+
isSource: true,
|
|
4882
|
+
original: {
|
|
4883
|
+
value: "{primitives.colors.tangerine}",
|
|
4884
|
+
type: "color",
|
|
4885
|
+
$extensions: {
|
|
4886
|
+
"studio.tokens": {
|
|
4887
|
+
modify: {
|
|
4888
|
+
type: "mix",
|
|
4889
|
+
value: "0.10",
|
|
4890
|
+
space: "lch",
|
|
4891
|
+
color: "{modes.color.modifier.contrastMore}",
|
|
4892
|
+
filePath: "data/tokens/modes/dark.json",
|
|
4893
|
+
isSource: true,
|
|
4894
|
+
},
|
|
4895
|
+
},
|
|
4896
|
+
},
|
|
4897
|
+
description: "Global message icon.",
|
|
4898
|
+
},
|
|
4899
|
+
name: "modesColorStatusCautionFrozenIcon",
|
|
4900
|
+
attributes: {
|
|
4901
|
+
value: "#E04500",
|
|
4902
|
+
type: "color",
|
|
4903
|
+
$extensions: {
|
|
4904
|
+
"studio.tokens": {
|
|
4905
|
+
modify: {
|
|
4906
|
+
type: "mix",
|
|
4907
|
+
value: "0.10",
|
|
4908
|
+
space: "lch",
|
|
4909
|
+
color: "#FFFFFF",
|
|
4910
|
+
filePath: "data/tokens/modes/dark.json",
|
|
4911
|
+
isSource: true,
|
|
4912
|
+
format: "hex",
|
|
4913
|
+
},
|
|
4914
|
+
},
|
|
4915
|
+
},
|
|
4916
|
+
description: "Global message icon.",
|
|
4917
|
+
filePath: "data/tokens/modes/dark.json",
|
|
4918
|
+
isSource: true,
|
|
4919
|
+
original: {
|
|
4920
|
+
value: "{primitives.colors.tangerine}",
|
|
4921
|
+
type: "color",
|
|
4922
|
+
$extensions: {
|
|
4923
|
+
"studio.tokens": {
|
|
4924
|
+
modify: {
|
|
4925
|
+
type: "mix",
|
|
4926
|
+
value: "0.10",
|
|
4927
|
+
space: "lch",
|
|
4928
|
+
color: "{modes.color.modifier.contrastMore}",
|
|
4929
|
+
filePath: "data/tokens/modes/dark.json",
|
|
4930
|
+
isSource: true,
|
|
4931
|
+
},
|
|
4932
|
+
},
|
|
4933
|
+
},
|
|
4934
|
+
description: "Global message icon.",
|
|
4935
|
+
},
|
|
4936
|
+
name: "icon",
|
|
4937
|
+
attributes: {},
|
|
4938
|
+
path: [
|
|
4939
|
+
"modes",
|
|
4940
|
+
"color",
|
|
4941
|
+
"status",
|
|
4942
|
+
"caution",
|
|
4943
|
+
"frozen",
|
|
4944
|
+
"icon",
|
|
4945
|
+
],
|
|
4946
|
+
comment: "Global message icon.",
|
|
4947
|
+
},
|
|
4948
|
+
path: ["modes", "color", "status", "caution", "frozen", "icon"],
|
|
4949
|
+
comment: "Global message icon.",
|
|
4950
|
+
},
|
|
4951
|
+
},
|
|
4952
|
+
},
|
|
4953
|
+
ai: {
|
|
4954
|
+
default: {
|
|
4955
|
+
value: "#000000",
|
|
4956
|
+
type: "color",
|
|
4957
|
+
filePath: "data/tokens/modes/dark.json",
|
|
4958
|
+
isSource: true,
|
|
4959
|
+
original: {
|
|
4960
|
+
value: "{modes.color.generic.bg.nought}",
|
|
4961
|
+
type: "color",
|
|
4962
|
+
},
|
|
4963
|
+
name: "modesColorStatusAiDefault",
|
|
4964
|
+
attributes: {},
|
|
4965
|
+
path: ["modes", "color", "status", "ai", "default"],
|
|
4966
|
+
},
|
|
4967
|
+
defaultAlt: {
|
|
4968
|
+
value: "#FFFFFF",
|
|
4969
|
+
type: "color",
|
|
4970
|
+
description: "bg for contextual message comp",
|
|
4971
|
+
filePath: "data/tokens/modes/dark.json",
|
|
4972
|
+
isSource: true,
|
|
4973
|
+
original: {
|
|
4974
|
+
value: "{modes.color.generic.bg.extreme}",
|
|
4975
|
+
type: "color",
|
|
4976
|
+
description: "bg for contextual message comp",
|
|
4977
|
+
},
|
|
4978
|
+
name: "modesColorStatusAiDefaultAlt",
|
|
4979
|
+
attributes: {
|
|
4980
|
+
value: "#FFFFFF",
|
|
4981
|
+
type: "color",
|
|
4982
|
+
description: "bg for contextual message comp",
|
|
4983
|
+
filePath: "data/tokens/modes/dark.json",
|
|
4984
|
+
isSource: true,
|
|
4985
|
+
original: {
|
|
4986
|
+
value: "{modes.color.generic.bg.extreme}",
|
|
4987
|
+
type: "color",
|
|
4988
|
+
description: "bg for contextual message comp",
|
|
4989
|
+
},
|
|
4990
|
+
name: "defaultAlt",
|
|
4991
|
+
attributes: {},
|
|
4992
|
+
path: ["modes", "color", "status", "ai", "defaultAlt"],
|
|
4993
|
+
comment: "bg for contextual message comp",
|
|
4994
|
+
},
|
|
4995
|
+
path: ["modes", "color", "status", "ai", "defaultAlt"],
|
|
4996
|
+
comment: "bg for contextual message comp",
|
|
4997
|
+
},
|
|
4998
|
+
"default-horizontal": {
|
|
4999
|
+
value:
|
|
5000
|
+
"linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
|
|
5001
|
+
type: "color",
|
|
5002
|
+
filePath: "data/tokens/modes/dark.json",
|
|
5003
|
+
isSource: true,
|
|
5004
|
+
original: {
|
|
5005
|
+
value: "{primitives.colors.lightAiH}",
|
|
5006
|
+
type: "color",
|
|
5007
|
+
},
|
|
5008
|
+
name: "modesColorStatusAiDefaultHorizontal",
|
|
5009
|
+
attributes: {},
|
|
5010
|
+
path: ["modes", "color", "status", "ai", "default-horizontal"],
|
|
5011
|
+
},
|
|
5012
|
+
"default-vertical": {
|
|
5013
|
+
value:
|
|
5014
|
+
"linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
|
|
5015
|
+
type: "color",
|
|
5016
|
+
filePath: "data/tokens/modes/dark.json",
|
|
5017
|
+
isSource: true,
|
|
5018
|
+
original: {
|
|
5019
|
+
value: "{primitives.colors.lightAiV}",
|
|
5020
|
+
type: "color",
|
|
5021
|
+
},
|
|
5022
|
+
name: "modesColorStatusAiDefaultVertical",
|
|
5023
|
+
attributes: {},
|
|
5024
|
+
path: ["modes", "color", "status", "ai", "default-vertical"],
|
|
5025
|
+
},
|
|
5026
|
+
},
|
|
5027
|
+
generic: {
|
|
5028
|
+
default: {
|
|
5029
|
+
value: "#008a89",
|
|
5030
|
+
type: "color",
|
|
5031
|
+
filePath: "data/tokens/modes/dark.json",
|
|
5032
|
+
isSource: true,
|
|
5033
|
+
original: {
|
|
5034
|
+
value: "{primitives.colors.petrol}",
|
|
5035
|
+
type: "color",
|
|
5036
|
+
},
|
|
5037
|
+
name: "modesColorStatusGenericDefault",
|
|
5038
|
+
attributes: {},
|
|
5039
|
+
path: ["modes", "color", "status", "generic", "default"],
|
|
4952
5040
|
},
|
|
4953
5041
|
},
|
|
4954
5042
|
content: {
|
|
@@ -5347,6 +5347,44 @@
|
|
|
5347
5347
|
],
|
|
5348
5348
|
comment: "used on global message bg",
|
|
5349
5349
|
},
|
|
5350
|
+
icon: {
|
|
5351
|
+
value: "#000000",
|
|
5352
|
+
type: "color",
|
|
5353
|
+
description: "used on global message icon",
|
|
5354
|
+
filePath: "data/tokens/modes/light.json",
|
|
5355
|
+
isSource: true,
|
|
5356
|
+
original: {
|
|
5357
|
+
value: "{primitives.colors.black}",
|
|
5358
|
+
type: "color",
|
|
5359
|
+
description: "used on global message icon",
|
|
5360
|
+
},
|
|
5361
|
+
name: "modesColorStatusCautionFrozenIcon",
|
|
5362
|
+
attributes: {
|
|
5363
|
+
value: "#000000",
|
|
5364
|
+
type: "color",
|
|
5365
|
+
description: "used on global message icon",
|
|
5366
|
+
filePath: "data/tokens/modes/light.json",
|
|
5367
|
+
isSource: true,
|
|
5368
|
+
original: {
|
|
5369
|
+
value: "{primitives.colors.black}",
|
|
5370
|
+
type: "color",
|
|
5371
|
+
description: "used on global message icon",
|
|
5372
|
+
},
|
|
5373
|
+
name: "icon",
|
|
5374
|
+
attributes: {},
|
|
5375
|
+
path: [
|
|
5376
|
+
"modes",
|
|
5377
|
+
"color",
|
|
5378
|
+
"status",
|
|
5379
|
+
"caution",
|
|
5380
|
+
"frozen",
|
|
5381
|
+
"icon",
|
|
5382
|
+
],
|
|
5383
|
+
comment: "used on global message icon",
|
|
5384
|
+
},
|
|
5385
|
+
path: ["modes", "color", "status", "caution", "frozen", "icon"],
|
|
5386
|
+
comment: "used on global message icon",
|
|
5387
|
+
},
|
|
5350
5388
|
},
|
|
5351
5389
|
},
|
|
5352
5390
|
content: {
|
|
@@ -4519,95 +4519,6 @@
|
|
|
4519
4519
|
},
|
|
4520
4520
|
},
|
|
4521
4521
|
status: {
|
|
4522
|
-
ai: {
|
|
4523
|
-
default: {
|
|
4524
|
-
value: "#000000",
|
|
4525
|
-
type: "color",
|
|
4526
|
-
filePath: "data/tokens/modes/dark.json",
|
|
4527
|
-
isSource: true,
|
|
4528
|
-
original: {
|
|
4529
|
-
value: "{modes.color.generic.bg.nought}",
|
|
4530
|
-
type: "color",
|
|
4531
|
-
},
|
|
4532
|
-
name: "modesColorStatusAiDefault",
|
|
4533
|
-
attributes: {},
|
|
4534
|
-
path: ["modes", "color", "status", "ai", "default"],
|
|
4535
|
-
},
|
|
4536
|
-
defaultAlt: {
|
|
4537
|
-
value: "#FFFFFF",
|
|
4538
|
-
type: "color",
|
|
4539
|
-
description: "bg for contextual message comp",
|
|
4540
|
-
filePath: "data/tokens/modes/dark.json",
|
|
4541
|
-
isSource: true,
|
|
4542
|
-
original: {
|
|
4543
|
-
value: "{modes.color.generic.bg.extreme}",
|
|
4544
|
-
type: "color",
|
|
4545
|
-
description: "bg for contextual message comp",
|
|
4546
|
-
},
|
|
4547
|
-
name: "modesColorStatusAiDefaultAlt",
|
|
4548
|
-
attributes: {
|
|
4549
|
-
value: "#FFFFFF",
|
|
4550
|
-
type: "color",
|
|
4551
|
-
description: "bg for contextual message comp",
|
|
4552
|
-
filePath: "data/tokens/modes/dark.json",
|
|
4553
|
-
isSource: true,
|
|
4554
|
-
original: {
|
|
4555
|
-
value: "{modes.color.generic.bg.extreme}",
|
|
4556
|
-
type: "color",
|
|
4557
|
-
description: "bg for contextual message comp",
|
|
4558
|
-
},
|
|
4559
|
-
name: "defaultAlt",
|
|
4560
|
-
attributes: {},
|
|
4561
|
-
path: ["modes", "color", "status", "ai", "defaultAlt"],
|
|
4562
|
-
comment: "bg for contextual message comp",
|
|
4563
|
-
},
|
|
4564
|
-
path: ["modes", "color", "status", "ai", "defaultAlt"],
|
|
4565
|
-
comment: "bg for contextual message comp",
|
|
4566
|
-
},
|
|
4567
|
-
"default-horizontal": {
|
|
4568
|
-
value:
|
|
4569
|
-
"linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
|
|
4570
|
-
type: "color",
|
|
4571
|
-
filePath: "data/tokens/modes/dark.json",
|
|
4572
|
-
isSource: true,
|
|
4573
|
-
original: {
|
|
4574
|
-
value: "{primitives.colors.lightAiH}",
|
|
4575
|
-
type: "color",
|
|
4576
|
-
},
|
|
4577
|
-
name: "modesColorStatusAiDefaultHorizontal",
|
|
4578
|
-
attributes: {},
|
|
4579
|
-
path: ["modes", "color", "status", "ai", "default-horizontal"],
|
|
4580
|
-
},
|
|
4581
|
-
"default-vertical": {
|
|
4582
|
-
value:
|
|
4583
|
-
"linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
|
|
4584
|
-
type: "color",
|
|
4585
|
-
filePath: "data/tokens/modes/dark.json",
|
|
4586
|
-
isSource: true,
|
|
4587
|
-
original: {
|
|
4588
|
-
value: "{primitives.colors.lightAiV}",
|
|
4589
|
-
type: "color",
|
|
4590
|
-
},
|
|
4591
|
-
name: "modesColorStatusAiDefaultVertical",
|
|
4592
|
-
attributes: {},
|
|
4593
|
-
path: ["modes", "color", "status", "ai", "default-vertical"],
|
|
4594
|
-
},
|
|
4595
|
-
},
|
|
4596
|
-
generic: {
|
|
4597
|
-
default: {
|
|
4598
|
-
value: "#008a89",
|
|
4599
|
-
type: "color",
|
|
4600
|
-
filePath: "data/tokens/modes/dark.json",
|
|
4601
|
-
isSource: true,
|
|
4602
|
-
original: {
|
|
4603
|
-
value: "{primitives.colors.petrol}",
|
|
4604
|
-
type: "color",
|
|
4605
|
-
},
|
|
4606
|
-
name: "modesColorStatusGenericDefault",
|
|
4607
|
-
attributes: {},
|
|
4608
|
-
path: ["modes", "color", "status", "generic", "default"],
|
|
4609
|
-
},
|
|
4610
|
-
},
|
|
4611
4522
|
caution: {
|
|
4612
4523
|
default: {
|
|
4613
4524
|
value: "#E04500",
|
|
@@ -4949,6 +4860,183 @@
|
|
|
4949
4860
|
],
|
|
4950
4861
|
comment: "Global message bg",
|
|
4951
4862
|
},
|
|
4863
|
+
icon: {
|
|
4864
|
+
value: "#e75b23",
|
|
4865
|
+
type: "color",
|
|
4866
|
+
$extensions: {
|
|
4867
|
+
"studio.tokens": {
|
|
4868
|
+
modify: {
|
|
4869
|
+
type: "mix",
|
|
4870
|
+
value: "0.10",
|
|
4871
|
+
space: "lch",
|
|
4872
|
+
color: "#FFFFFF",
|
|
4873
|
+
filePath: "data/tokens/modes/dark.json",
|
|
4874
|
+
isSource: true,
|
|
4875
|
+
format: "hex",
|
|
4876
|
+
},
|
|
4877
|
+
},
|
|
4878
|
+
},
|
|
4879
|
+
description: "Global message icon.",
|
|
4880
|
+
filePath: "data/tokens/modes/dark.json",
|
|
4881
|
+
isSource: true,
|
|
4882
|
+
original: {
|
|
4883
|
+
value: "{primitives.colors.tangerine}",
|
|
4884
|
+
type: "color",
|
|
4885
|
+
$extensions: {
|
|
4886
|
+
"studio.tokens": {
|
|
4887
|
+
modify: {
|
|
4888
|
+
type: "mix",
|
|
4889
|
+
value: "0.10",
|
|
4890
|
+
space: "lch",
|
|
4891
|
+
color: "{modes.color.modifier.contrastMore}",
|
|
4892
|
+
filePath: "data/tokens/modes/dark.json",
|
|
4893
|
+
isSource: true,
|
|
4894
|
+
},
|
|
4895
|
+
},
|
|
4896
|
+
},
|
|
4897
|
+
description: "Global message icon.",
|
|
4898
|
+
},
|
|
4899
|
+
name: "modesColorStatusCautionFrozenIcon",
|
|
4900
|
+
attributes: {
|
|
4901
|
+
value: "#E04500",
|
|
4902
|
+
type: "color",
|
|
4903
|
+
$extensions: {
|
|
4904
|
+
"studio.tokens": {
|
|
4905
|
+
modify: {
|
|
4906
|
+
type: "mix",
|
|
4907
|
+
value: "0.10",
|
|
4908
|
+
space: "lch",
|
|
4909
|
+
color: "#FFFFFF",
|
|
4910
|
+
filePath: "data/tokens/modes/dark.json",
|
|
4911
|
+
isSource: true,
|
|
4912
|
+
format: "hex",
|
|
4913
|
+
},
|
|
4914
|
+
},
|
|
4915
|
+
},
|
|
4916
|
+
description: "Global message icon.",
|
|
4917
|
+
filePath: "data/tokens/modes/dark.json",
|
|
4918
|
+
isSource: true,
|
|
4919
|
+
original: {
|
|
4920
|
+
value: "{primitives.colors.tangerine}",
|
|
4921
|
+
type: "color",
|
|
4922
|
+
$extensions: {
|
|
4923
|
+
"studio.tokens": {
|
|
4924
|
+
modify: {
|
|
4925
|
+
type: "mix",
|
|
4926
|
+
value: "0.10",
|
|
4927
|
+
space: "lch",
|
|
4928
|
+
color: "{modes.color.modifier.contrastMore}",
|
|
4929
|
+
filePath: "data/tokens/modes/dark.json",
|
|
4930
|
+
isSource: true,
|
|
4931
|
+
},
|
|
4932
|
+
},
|
|
4933
|
+
},
|
|
4934
|
+
description: "Global message icon.",
|
|
4935
|
+
},
|
|
4936
|
+
name: "icon",
|
|
4937
|
+
attributes: {},
|
|
4938
|
+
path: [
|
|
4939
|
+
"modes",
|
|
4940
|
+
"color",
|
|
4941
|
+
"status",
|
|
4942
|
+
"caution",
|
|
4943
|
+
"frozen",
|
|
4944
|
+
"icon",
|
|
4945
|
+
],
|
|
4946
|
+
comment: "Global message icon.",
|
|
4947
|
+
},
|
|
4948
|
+
path: ["modes", "color", "status", "caution", "frozen", "icon"],
|
|
4949
|
+
comment: "Global message icon.",
|
|
4950
|
+
},
|
|
4951
|
+
},
|
|
4952
|
+
},
|
|
4953
|
+
ai: {
|
|
4954
|
+
default: {
|
|
4955
|
+
value: "#000000",
|
|
4956
|
+
type: "color",
|
|
4957
|
+
filePath: "data/tokens/modes/dark.json",
|
|
4958
|
+
isSource: true,
|
|
4959
|
+
original: {
|
|
4960
|
+
value: "{modes.color.generic.bg.nought}",
|
|
4961
|
+
type: "color",
|
|
4962
|
+
},
|
|
4963
|
+
name: "modesColorStatusAiDefault",
|
|
4964
|
+
attributes: {},
|
|
4965
|
+
path: ["modes", "color", "status", "ai", "default"],
|
|
4966
|
+
},
|
|
4967
|
+
defaultAlt: {
|
|
4968
|
+
value: "#FFFFFF",
|
|
4969
|
+
type: "color",
|
|
4970
|
+
description: "bg for contextual message comp",
|
|
4971
|
+
filePath: "data/tokens/modes/dark.json",
|
|
4972
|
+
isSource: true,
|
|
4973
|
+
original: {
|
|
4974
|
+
value: "{modes.color.generic.bg.extreme}",
|
|
4975
|
+
type: "color",
|
|
4976
|
+
description: "bg for contextual message comp",
|
|
4977
|
+
},
|
|
4978
|
+
name: "modesColorStatusAiDefaultAlt",
|
|
4979
|
+
attributes: {
|
|
4980
|
+
value: "#FFFFFF",
|
|
4981
|
+
type: "color",
|
|
4982
|
+
description: "bg for contextual message comp",
|
|
4983
|
+
filePath: "data/tokens/modes/dark.json",
|
|
4984
|
+
isSource: true,
|
|
4985
|
+
original: {
|
|
4986
|
+
value: "{modes.color.generic.bg.extreme}",
|
|
4987
|
+
type: "color",
|
|
4988
|
+
description: "bg for contextual message comp",
|
|
4989
|
+
},
|
|
4990
|
+
name: "defaultAlt",
|
|
4991
|
+
attributes: {},
|
|
4992
|
+
path: ["modes", "color", "status", "ai", "defaultAlt"],
|
|
4993
|
+
comment: "bg for contextual message comp",
|
|
4994
|
+
},
|
|
4995
|
+
path: ["modes", "color", "status", "ai", "defaultAlt"],
|
|
4996
|
+
comment: "bg for contextual message comp",
|
|
4997
|
+
},
|
|
4998
|
+
"default-horizontal": {
|
|
4999
|
+
value:
|
|
5000
|
+
"linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
|
|
5001
|
+
type: "color",
|
|
5002
|
+
filePath: "data/tokens/modes/dark.json",
|
|
5003
|
+
isSource: true,
|
|
5004
|
+
original: {
|
|
5005
|
+
value: "{primitives.colors.lightAiH}",
|
|
5006
|
+
type: "color",
|
|
5007
|
+
},
|
|
5008
|
+
name: "modesColorStatusAiDefaultHorizontal",
|
|
5009
|
+
attributes: {},
|
|
5010
|
+
path: ["modes", "color", "status", "ai", "default-horizontal"],
|
|
5011
|
+
},
|
|
5012
|
+
"default-vertical": {
|
|
5013
|
+
value:
|
|
5014
|
+
"linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
|
|
5015
|
+
type: "color",
|
|
5016
|
+
filePath: "data/tokens/modes/dark.json",
|
|
5017
|
+
isSource: true,
|
|
5018
|
+
original: {
|
|
5019
|
+
value: "{primitives.colors.lightAiV}",
|
|
5020
|
+
type: "color",
|
|
5021
|
+
},
|
|
5022
|
+
name: "modesColorStatusAiDefaultVertical",
|
|
5023
|
+
attributes: {},
|
|
5024
|
+
path: ["modes", "color", "status", "ai", "default-vertical"],
|
|
5025
|
+
},
|
|
5026
|
+
},
|
|
5027
|
+
generic: {
|
|
5028
|
+
default: {
|
|
5029
|
+
value: "#008a89",
|
|
5030
|
+
type: "color",
|
|
5031
|
+
filePath: "data/tokens/modes/dark.json",
|
|
5032
|
+
isSource: true,
|
|
5033
|
+
original: {
|
|
5034
|
+
value: "{primitives.colors.petrol}",
|
|
5035
|
+
type: "color",
|
|
5036
|
+
},
|
|
5037
|
+
name: "modesColorStatusGenericDefault",
|
|
5038
|
+
attributes: {},
|
|
5039
|
+
path: ["modes", "color", "status", "generic", "default"],
|
|
4952
5040
|
},
|
|
4953
5041
|
},
|
|
4954
5042
|
content: {
|
|
@@ -5347,6 +5347,44 @@
|
|
|
5347
5347
|
],
|
|
5348
5348
|
comment: "used on global message bg",
|
|
5349
5349
|
},
|
|
5350
|
+
icon: {
|
|
5351
|
+
value: "#000000",
|
|
5352
|
+
type: "color",
|
|
5353
|
+
description: "used on global message icon",
|
|
5354
|
+
filePath: "data/tokens/modes/light.json",
|
|
5355
|
+
isSource: true,
|
|
5356
|
+
original: {
|
|
5357
|
+
value: "{primitives.colors.black}",
|
|
5358
|
+
type: "color",
|
|
5359
|
+
description: "used on global message icon",
|
|
5360
|
+
},
|
|
5361
|
+
name: "modesColorStatusCautionFrozenIcon",
|
|
5362
|
+
attributes: {
|
|
5363
|
+
value: "#000000",
|
|
5364
|
+
type: "color",
|
|
5365
|
+
description: "used on global message icon",
|
|
5366
|
+
filePath: "data/tokens/modes/light.json",
|
|
5367
|
+
isSource: true,
|
|
5368
|
+
original: {
|
|
5369
|
+
value: "{primitives.colors.black}",
|
|
5370
|
+
type: "color",
|
|
5371
|
+
description: "used on global message icon",
|
|
5372
|
+
},
|
|
5373
|
+
name: "icon",
|
|
5374
|
+
attributes: {},
|
|
5375
|
+
path: [
|
|
5376
|
+
"modes",
|
|
5377
|
+
"color",
|
|
5378
|
+
"status",
|
|
5379
|
+
"caution",
|
|
5380
|
+
"frozen",
|
|
5381
|
+
"icon",
|
|
5382
|
+
],
|
|
5383
|
+
comment: "used on global message icon",
|
|
5384
|
+
},
|
|
5385
|
+
path: ["modes", "color", "status", "caution", "frozen", "icon"],
|
|
5386
|
+
comment: "used on global message icon",
|
|
5387
|
+
},
|
|
5350
5388
|
},
|
|
5351
5389
|
},
|
|
5352
5390
|
content: {
|