@pantheon-systems/pds-design-tokens 1.0.0-dev.150 → 1.0.0-dev.151
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.
|
@@ -117,6 +117,14 @@
|
|
|
117
117
|
--pds-color-button-subtle-foreground-active: #12026f;
|
|
118
118
|
--pds-color-button-subtle-foreground-default: #4f32ce;
|
|
119
119
|
--pds-color-button-subtle-foreground-hover: #3017a1;
|
|
120
|
+
--pds-color-code-block-dark-background: var(--pds-color-background-reverse);
|
|
121
|
+
--pds-color-code-block-dark-foreground: var(--pds-color-foreground-reverse);
|
|
122
|
+
--pds-color-code-block-dark-highlight: #474954;
|
|
123
|
+
--pds-color-code-block-dark-line-prefix: #9699a1;
|
|
124
|
+
--pds-color-code-block-light-background: #eff0f0;
|
|
125
|
+
--pds-color-code-block-light-foreground: #3b3d45;
|
|
126
|
+
--pds-color-code-block-light-highlight: #dedfe0;
|
|
127
|
+
--pds-color-code-block-light-line-prefix: #686d78;
|
|
120
128
|
--pds-color-code-inline-background: #f4f3fc;
|
|
121
129
|
--pds-color-code-inline-border: #e5e0f8;
|
|
122
130
|
--pds-color-code-inline-text: #000000;
|
|
@@ -165,6 +173,12 @@
|
|
|
165
173
|
--pds-color-gradient-card-royal: linear-gradient(225deg, #3017A1 0%, #8A70FF 100%);
|
|
166
174
|
--pds-color-gradient-card-sundown: linear-gradient(225deg, #4BCE97 0%, #A2CFFF 50%, #F9DFCF 100%);
|
|
167
175
|
--pds-color-gradient-card-yellow: linear-gradient(225deg, #FFCB45 0%, #FFDC28 50%, #FFF1A9 100%);
|
|
176
|
+
--pds-color-icon-button-critical-background-active: hsl(from var(--pds-color-status-critical-utility) h s l / 0.15);
|
|
177
|
+
--pds-color-icon-button-critical-background-hover: var(--pds-color-status-critical-background);
|
|
178
|
+
--pds-color-icon-button-reverse-background-active: #6a6e7a;
|
|
179
|
+
--pds-color-icon-button-reverse-background-hover: #474954;
|
|
180
|
+
--pds-color-icon-button-standard-background-active: var(--pds-color-interactive-background-active);
|
|
181
|
+
--pds-color-icon-button-standard-background-hover: var(--pds-color-interactive-background-hover);
|
|
168
182
|
--pds-color-input-checkbox-checked-foreground: #ffffff;
|
|
169
183
|
--pds-color-input-file-upload-button-background-default: #f4f4f4;
|
|
170
184
|
--pds-color-input-file-upload-button-background-hover: #e3e4e5;
|
|
@@ -106,6 +106,7 @@
|
|
|
106
106
|
--pds-typography-size-7xl: 4.3rem;
|
|
107
107
|
--pds-typography-size-8xl: 5.160rem;
|
|
108
108
|
--pds-typography-size-9xl: 6.192rem;
|
|
109
|
+
--pds-typography-size-code-block: 0.9rem;
|
|
109
110
|
--pds-typography-size-default: 1rem;
|
|
110
111
|
--pds-typography-size-input-label: 1rem;
|
|
111
112
|
--pds-typography-size-l: 1.2rem;
|
|
@@ -1127,7 +1127,7 @@
|
|
|
1127
1127
|
},
|
|
1128
1128
|
"inline-code": {
|
|
1129
1129
|
"value": {
|
|
1130
|
-
"fontSize": "1 * 16 * 0.
|
|
1130
|
+
"fontSize": "1 * 16 * 0.9",
|
|
1131
1131
|
"fontFamily": "Source Code Pro",
|
|
1132
1132
|
"fontWeight": 600,
|
|
1133
1133
|
"lineHeight": "165%",
|
|
@@ -1138,7 +1138,7 @@
|
|
|
1138
1138
|
"isSource": true,
|
|
1139
1139
|
"original": {
|
|
1140
1140
|
"value": {
|
|
1141
|
-
"fontSize": "{typography.size.M} * {figma.typography.size.base} * 0.
|
|
1141
|
+
"fontSize": "{typography.size.M} * {figma.typography.size.base} * 0.9",
|
|
1142
1142
|
"fontFamily": "Source Code Pro",
|
|
1143
1143
|
"fontWeight": "{typography.font-weight.semibold}",
|
|
1144
1144
|
"lineHeight": "{typography.line-height.L}",
|
|
@@ -11758,6 +11758,176 @@
|
|
|
11758
11758
|
}
|
|
11759
11759
|
}
|
|
11760
11760
|
},
|
|
11761
|
+
"icon-button": {
|
|
11762
|
+
"standard": {
|
|
11763
|
+
"background": {
|
|
11764
|
+
"hover": {
|
|
11765
|
+
"value": "#f4f4f4",
|
|
11766
|
+
"public": true,
|
|
11767
|
+
"filePath": "tokens/color/component/button.light.json",
|
|
11768
|
+
"isSource": true,
|
|
11769
|
+
"original": {
|
|
11770
|
+
"value": "{color.light-mode.interactive.background.hover.value}",
|
|
11771
|
+
"public": true
|
|
11772
|
+
},
|
|
11773
|
+
"name": "color-light-mode-icon-button-standard-background-hover",
|
|
11774
|
+
"attributes": {
|
|
11775
|
+
"category": "color",
|
|
11776
|
+
"type": "light-mode",
|
|
11777
|
+
"item": "icon-button",
|
|
11778
|
+
"subitem": "standard",
|
|
11779
|
+
"state": "background"
|
|
11780
|
+
},
|
|
11781
|
+
"path": [
|
|
11782
|
+
"color",
|
|
11783
|
+
"light-mode",
|
|
11784
|
+
"icon-button",
|
|
11785
|
+
"standard",
|
|
11786
|
+
"background",
|
|
11787
|
+
"hover"
|
|
11788
|
+
]
|
|
11789
|
+
},
|
|
11790
|
+
"active": {
|
|
11791
|
+
"value": "#e3e4e5",
|
|
11792
|
+
"public": true,
|
|
11793
|
+
"filePath": "tokens/color/component/button.light.json",
|
|
11794
|
+
"isSource": true,
|
|
11795
|
+
"original": {
|
|
11796
|
+
"value": "{color.light-mode.interactive.background.active.value}",
|
|
11797
|
+
"public": true
|
|
11798
|
+
},
|
|
11799
|
+
"name": "color-light-mode-icon-button-standard-background-active",
|
|
11800
|
+
"attributes": {
|
|
11801
|
+
"category": "color",
|
|
11802
|
+
"type": "light-mode",
|
|
11803
|
+
"item": "icon-button",
|
|
11804
|
+
"subitem": "standard",
|
|
11805
|
+
"state": "background"
|
|
11806
|
+
},
|
|
11807
|
+
"path": [
|
|
11808
|
+
"color",
|
|
11809
|
+
"light-mode",
|
|
11810
|
+
"icon-button",
|
|
11811
|
+
"standard",
|
|
11812
|
+
"background",
|
|
11813
|
+
"active"
|
|
11814
|
+
]
|
|
11815
|
+
}
|
|
11816
|
+
}
|
|
11817
|
+
},
|
|
11818
|
+
"reverse": {
|
|
11819
|
+
"background": {
|
|
11820
|
+
"hover": {
|
|
11821
|
+
"value": "#474954",
|
|
11822
|
+
"public": true,
|
|
11823
|
+
"filePath": "tokens/color/component/button.light.json",
|
|
11824
|
+
"isSource": true,
|
|
11825
|
+
"original": {
|
|
11826
|
+
"value": "#474954",
|
|
11827
|
+
"public": true
|
|
11828
|
+
},
|
|
11829
|
+
"name": "color-light-mode-icon-button-reverse-background-hover",
|
|
11830
|
+
"attributes": {
|
|
11831
|
+
"category": "color",
|
|
11832
|
+
"type": "light-mode",
|
|
11833
|
+
"item": "icon-button",
|
|
11834
|
+
"subitem": "reverse",
|
|
11835
|
+
"state": "background"
|
|
11836
|
+
},
|
|
11837
|
+
"path": [
|
|
11838
|
+
"color",
|
|
11839
|
+
"light-mode",
|
|
11840
|
+
"icon-button",
|
|
11841
|
+
"reverse",
|
|
11842
|
+
"background",
|
|
11843
|
+
"hover"
|
|
11844
|
+
]
|
|
11845
|
+
},
|
|
11846
|
+
"active": {
|
|
11847
|
+
"value": "#6a6e7a",
|
|
11848
|
+
"public": true,
|
|
11849
|
+
"filePath": "tokens/color/component/button.light.json",
|
|
11850
|
+
"isSource": true,
|
|
11851
|
+
"original": {
|
|
11852
|
+
"value": "#6a6e7a",
|
|
11853
|
+
"public": true
|
|
11854
|
+
},
|
|
11855
|
+
"name": "color-light-mode-icon-button-reverse-background-active",
|
|
11856
|
+
"attributes": {
|
|
11857
|
+
"category": "color",
|
|
11858
|
+
"type": "light-mode",
|
|
11859
|
+
"item": "icon-button",
|
|
11860
|
+
"subitem": "reverse",
|
|
11861
|
+
"state": "background"
|
|
11862
|
+
},
|
|
11863
|
+
"path": [
|
|
11864
|
+
"color",
|
|
11865
|
+
"light-mode",
|
|
11866
|
+
"icon-button",
|
|
11867
|
+
"reverse",
|
|
11868
|
+
"background",
|
|
11869
|
+
"active"
|
|
11870
|
+
]
|
|
11871
|
+
}
|
|
11872
|
+
}
|
|
11873
|
+
},
|
|
11874
|
+
"critical": {
|
|
11875
|
+
"background": {
|
|
11876
|
+
"hover": {
|
|
11877
|
+
"value": "#ffefee",
|
|
11878
|
+
"public": true,
|
|
11879
|
+
"filePath": "tokens/color/component/button.light.json",
|
|
11880
|
+
"isSource": true,
|
|
11881
|
+
"original": {
|
|
11882
|
+
"value": "{color.light-mode.status.critical.background.value}",
|
|
11883
|
+
"public": true
|
|
11884
|
+
},
|
|
11885
|
+
"name": "color-light-mode-icon-button-critical-background-hover",
|
|
11886
|
+
"attributes": {
|
|
11887
|
+
"category": "color",
|
|
11888
|
+
"type": "light-mode",
|
|
11889
|
+
"item": "icon-button",
|
|
11890
|
+
"subitem": "critical",
|
|
11891
|
+
"state": "background"
|
|
11892
|
+
},
|
|
11893
|
+
"path": [
|
|
11894
|
+
"color",
|
|
11895
|
+
"light-mode",
|
|
11896
|
+
"icon-button",
|
|
11897
|
+
"critical",
|
|
11898
|
+
"background",
|
|
11899
|
+
"hover"
|
|
11900
|
+
]
|
|
11901
|
+
},
|
|
11902
|
+
"active": {
|
|
11903
|
+
"value": "hsl(from #de2e21 h s l / 0.15)",
|
|
11904
|
+
"public": true,
|
|
11905
|
+
"filePath": "tokens/color/component/button.light.json",
|
|
11906
|
+
"isSource": true,
|
|
11907
|
+
"original": {
|
|
11908
|
+
"value": "hsl(from {color.light-mode.status.critical.utility.value} h s l / 0.15)",
|
|
11909
|
+
"public": true
|
|
11910
|
+
},
|
|
11911
|
+
"name": "color-light-mode-icon-button-critical-background-active",
|
|
11912
|
+
"attributes": {
|
|
11913
|
+
"category": "color",
|
|
11914
|
+
"type": "light-mode",
|
|
11915
|
+
"item": "icon-button",
|
|
11916
|
+
"subitem": "critical",
|
|
11917
|
+
"state": "background"
|
|
11918
|
+
},
|
|
11919
|
+
"path": [
|
|
11920
|
+
"color",
|
|
11921
|
+
"light-mode",
|
|
11922
|
+
"icon-button",
|
|
11923
|
+
"critical",
|
|
11924
|
+
"background",
|
|
11925
|
+
"active"
|
|
11926
|
+
]
|
|
11927
|
+
}
|
|
11928
|
+
}
|
|
11929
|
+
}
|
|
11930
|
+
},
|
|
11761
11931
|
"segmented-button": {
|
|
11762
11932
|
"background": {
|
|
11763
11933
|
"default": {
|
|
@@ -15438,6 +15608,222 @@
|
|
|
15438
15608
|
}
|
|
15439
15609
|
},
|
|
15440
15610
|
"code": {
|
|
15611
|
+
"block": {
|
|
15612
|
+
"dark": {
|
|
15613
|
+
"background": {
|
|
15614
|
+
"value": "#23232d",
|
|
15615
|
+
"public": true,
|
|
15616
|
+
"filePath": "tokens/color/semantic/code.light.json",
|
|
15617
|
+
"isSource": true,
|
|
15618
|
+
"original": {
|
|
15619
|
+
"value": "{color.light-mode.background.reverse.value}",
|
|
15620
|
+
"public": true
|
|
15621
|
+
},
|
|
15622
|
+
"name": "color-light-mode-code-block-dark-background",
|
|
15623
|
+
"attributes": {
|
|
15624
|
+
"category": "color",
|
|
15625
|
+
"type": "light-mode",
|
|
15626
|
+
"item": "code",
|
|
15627
|
+
"subitem": "block",
|
|
15628
|
+
"state": "dark"
|
|
15629
|
+
},
|
|
15630
|
+
"path": [
|
|
15631
|
+
"color",
|
|
15632
|
+
"light-mode",
|
|
15633
|
+
"code",
|
|
15634
|
+
"block",
|
|
15635
|
+
"dark",
|
|
15636
|
+
"background"
|
|
15637
|
+
]
|
|
15638
|
+
},
|
|
15639
|
+
"foreground": {
|
|
15640
|
+
"value": "#ffffff",
|
|
15641
|
+
"public": true,
|
|
15642
|
+
"filePath": "tokens/color/semantic/code.light.json",
|
|
15643
|
+
"isSource": true,
|
|
15644
|
+
"original": {
|
|
15645
|
+
"value": "{color.light-mode.foreground.reverse.value}",
|
|
15646
|
+
"public": true
|
|
15647
|
+
},
|
|
15648
|
+
"name": "color-light-mode-code-block-dark-foreground",
|
|
15649
|
+
"attributes": {
|
|
15650
|
+
"category": "color",
|
|
15651
|
+
"type": "light-mode",
|
|
15652
|
+
"item": "code",
|
|
15653
|
+
"subitem": "block",
|
|
15654
|
+
"state": "dark"
|
|
15655
|
+
},
|
|
15656
|
+
"path": [
|
|
15657
|
+
"color",
|
|
15658
|
+
"light-mode",
|
|
15659
|
+
"code",
|
|
15660
|
+
"block",
|
|
15661
|
+
"dark",
|
|
15662
|
+
"foreground"
|
|
15663
|
+
]
|
|
15664
|
+
},
|
|
15665
|
+
"line-prefix": {
|
|
15666
|
+
"value": "#9699a1",
|
|
15667
|
+
"public": true,
|
|
15668
|
+
"filePath": "tokens/color/semantic/code.light.json",
|
|
15669
|
+
"isSource": true,
|
|
15670
|
+
"original": {
|
|
15671
|
+
"value": "#9699A1",
|
|
15672
|
+
"public": true
|
|
15673
|
+
},
|
|
15674
|
+
"name": "color-light-mode-code-block-dark-line-prefix",
|
|
15675
|
+
"attributes": {
|
|
15676
|
+
"category": "color",
|
|
15677
|
+
"type": "light-mode",
|
|
15678
|
+
"item": "code",
|
|
15679
|
+
"subitem": "block",
|
|
15680
|
+
"state": "dark"
|
|
15681
|
+
},
|
|
15682
|
+
"path": [
|
|
15683
|
+
"color",
|
|
15684
|
+
"light-mode",
|
|
15685
|
+
"code",
|
|
15686
|
+
"block",
|
|
15687
|
+
"dark",
|
|
15688
|
+
"line-prefix"
|
|
15689
|
+
]
|
|
15690
|
+
},
|
|
15691
|
+
"highlight": {
|
|
15692
|
+
"value": "#474954",
|
|
15693
|
+
"public": true,
|
|
15694
|
+
"filePath": "tokens/color/semantic/code.light.json",
|
|
15695
|
+
"isSource": true,
|
|
15696
|
+
"original": {
|
|
15697
|
+
"value": "#474954",
|
|
15698
|
+
"public": true
|
|
15699
|
+
},
|
|
15700
|
+
"name": "color-light-mode-code-block-dark-highlight",
|
|
15701
|
+
"attributes": {
|
|
15702
|
+
"category": "color",
|
|
15703
|
+
"type": "light-mode",
|
|
15704
|
+
"item": "code",
|
|
15705
|
+
"subitem": "block",
|
|
15706
|
+
"state": "dark"
|
|
15707
|
+
},
|
|
15708
|
+
"path": [
|
|
15709
|
+
"color",
|
|
15710
|
+
"light-mode",
|
|
15711
|
+
"code",
|
|
15712
|
+
"block",
|
|
15713
|
+
"dark",
|
|
15714
|
+
"highlight"
|
|
15715
|
+
]
|
|
15716
|
+
}
|
|
15717
|
+
},
|
|
15718
|
+
"light": {
|
|
15719
|
+
"background": {
|
|
15720
|
+
"value": "#eff0f0",
|
|
15721
|
+
"public": true,
|
|
15722
|
+
"isReferenceToInternal": true,
|
|
15723
|
+
"filePath": "tokens/color/semantic/code.light.json",
|
|
15724
|
+
"isSource": true,
|
|
15725
|
+
"original": {
|
|
15726
|
+
"value": "#EFF0F0",
|
|
15727
|
+
"public": true,
|
|
15728
|
+
"isReferenceToInternal": true
|
|
15729
|
+
},
|
|
15730
|
+
"name": "color-light-mode-code-block-light-background",
|
|
15731
|
+
"attributes": {
|
|
15732
|
+
"category": "color",
|
|
15733
|
+
"type": "light-mode",
|
|
15734
|
+
"item": "code",
|
|
15735
|
+
"subitem": "block",
|
|
15736
|
+
"state": "light"
|
|
15737
|
+
},
|
|
15738
|
+
"path": [
|
|
15739
|
+
"color",
|
|
15740
|
+
"light-mode",
|
|
15741
|
+
"code",
|
|
15742
|
+
"block",
|
|
15743
|
+
"light",
|
|
15744
|
+
"background"
|
|
15745
|
+
]
|
|
15746
|
+
},
|
|
15747
|
+
"foreground": {
|
|
15748
|
+
"value": "#3b3d45",
|
|
15749
|
+
"public": true,
|
|
15750
|
+
"filePath": "tokens/color/semantic/code.light.json",
|
|
15751
|
+
"isSource": true,
|
|
15752
|
+
"original": {
|
|
15753
|
+
"value": "#3B3D45",
|
|
15754
|
+
"public": true
|
|
15755
|
+
},
|
|
15756
|
+
"name": "color-light-mode-code-block-light-foreground",
|
|
15757
|
+
"attributes": {
|
|
15758
|
+
"category": "color",
|
|
15759
|
+
"type": "light-mode",
|
|
15760
|
+
"item": "code",
|
|
15761
|
+
"subitem": "block",
|
|
15762
|
+
"state": "light"
|
|
15763
|
+
},
|
|
15764
|
+
"path": [
|
|
15765
|
+
"color",
|
|
15766
|
+
"light-mode",
|
|
15767
|
+
"code",
|
|
15768
|
+
"block",
|
|
15769
|
+
"light",
|
|
15770
|
+
"foreground"
|
|
15771
|
+
]
|
|
15772
|
+
},
|
|
15773
|
+
"line-prefix": {
|
|
15774
|
+
"value": "#686d78",
|
|
15775
|
+
"public": true,
|
|
15776
|
+
"filePath": "tokens/color/semantic/code.light.json",
|
|
15777
|
+
"isSource": true,
|
|
15778
|
+
"original": {
|
|
15779
|
+
"value": "#686D78",
|
|
15780
|
+
"public": true
|
|
15781
|
+
},
|
|
15782
|
+
"name": "color-light-mode-code-block-light-line-prefix",
|
|
15783
|
+
"attributes": {
|
|
15784
|
+
"category": "color",
|
|
15785
|
+
"type": "light-mode",
|
|
15786
|
+
"item": "code",
|
|
15787
|
+
"subitem": "block",
|
|
15788
|
+
"state": "light"
|
|
15789
|
+
},
|
|
15790
|
+
"path": [
|
|
15791
|
+
"color",
|
|
15792
|
+
"light-mode",
|
|
15793
|
+
"code",
|
|
15794
|
+
"block",
|
|
15795
|
+
"light",
|
|
15796
|
+
"line-prefix"
|
|
15797
|
+
]
|
|
15798
|
+
},
|
|
15799
|
+
"highlight": {
|
|
15800
|
+
"value": "#dedfe0",
|
|
15801
|
+
"public": true,
|
|
15802
|
+
"filePath": "tokens/color/semantic/code.light.json",
|
|
15803
|
+
"isSource": true,
|
|
15804
|
+
"original": {
|
|
15805
|
+
"value": "#DEDFE0",
|
|
15806
|
+
"public": true
|
|
15807
|
+
},
|
|
15808
|
+
"name": "color-light-mode-code-block-light-highlight",
|
|
15809
|
+
"attributes": {
|
|
15810
|
+
"category": "color",
|
|
15811
|
+
"type": "light-mode",
|
|
15812
|
+
"item": "code",
|
|
15813
|
+
"subitem": "block",
|
|
15814
|
+
"state": "light"
|
|
15815
|
+
},
|
|
15816
|
+
"path": [
|
|
15817
|
+
"color",
|
|
15818
|
+
"light-mode",
|
|
15819
|
+
"code",
|
|
15820
|
+
"block",
|
|
15821
|
+
"light",
|
|
15822
|
+
"highlight"
|
|
15823
|
+
]
|
|
15824
|
+
}
|
|
15825
|
+
}
|
|
15826
|
+
},
|
|
15441
15827
|
"inline": {
|
|
15442
15828
|
"background": {
|
|
15443
15829
|
"value": "#f4f3fc",
|
|
@@ -2259,6 +2259,176 @@
|
|
|
2259
2259
|
}
|
|
2260
2260
|
}
|
|
2261
2261
|
},
|
|
2262
|
+
"icon-button": {
|
|
2263
|
+
"standard": {
|
|
2264
|
+
"background": {
|
|
2265
|
+
"hover": {
|
|
2266
|
+
"value": "#f4f4f4",
|
|
2267
|
+
"public": true,
|
|
2268
|
+
"filePath": "tokens/color/component/button.light.json",
|
|
2269
|
+
"isSource": true,
|
|
2270
|
+
"original": {
|
|
2271
|
+
"value": "{color.light-mode.interactive.background.hover.value}",
|
|
2272
|
+
"public": true
|
|
2273
|
+
},
|
|
2274
|
+
"name": "color-light-mode-icon-button-standard-background-hover",
|
|
2275
|
+
"attributes": {
|
|
2276
|
+
"category": "color",
|
|
2277
|
+
"type": "light-mode",
|
|
2278
|
+
"item": "icon-button",
|
|
2279
|
+
"subitem": "standard",
|
|
2280
|
+
"state": "background"
|
|
2281
|
+
},
|
|
2282
|
+
"path": [
|
|
2283
|
+
"color",
|
|
2284
|
+
"light-mode",
|
|
2285
|
+
"icon-button",
|
|
2286
|
+
"standard",
|
|
2287
|
+
"background",
|
|
2288
|
+
"hover"
|
|
2289
|
+
]
|
|
2290
|
+
},
|
|
2291
|
+
"active": {
|
|
2292
|
+
"value": "#e3e4e5",
|
|
2293
|
+
"public": true,
|
|
2294
|
+
"filePath": "tokens/color/component/button.light.json",
|
|
2295
|
+
"isSource": true,
|
|
2296
|
+
"original": {
|
|
2297
|
+
"value": "{color.light-mode.interactive.background.active.value}",
|
|
2298
|
+
"public": true
|
|
2299
|
+
},
|
|
2300
|
+
"name": "color-light-mode-icon-button-standard-background-active",
|
|
2301
|
+
"attributes": {
|
|
2302
|
+
"category": "color",
|
|
2303
|
+
"type": "light-mode",
|
|
2304
|
+
"item": "icon-button",
|
|
2305
|
+
"subitem": "standard",
|
|
2306
|
+
"state": "background"
|
|
2307
|
+
},
|
|
2308
|
+
"path": [
|
|
2309
|
+
"color",
|
|
2310
|
+
"light-mode",
|
|
2311
|
+
"icon-button",
|
|
2312
|
+
"standard",
|
|
2313
|
+
"background",
|
|
2314
|
+
"active"
|
|
2315
|
+
]
|
|
2316
|
+
}
|
|
2317
|
+
}
|
|
2318
|
+
},
|
|
2319
|
+
"reverse": {
|
|
2320
|
+
"background": {
|
|
2321
|
+
"hover": {
|
|
2322
|
+
"value": "#474954",
|
|
2323
|
+
"public": true,
|
|
2324
|
+
"filePath": "tokens/color/component/button.light.json",
|
|
2325
|
+
"isSource": true,
|
|
2326
|
+
"original": {
|
|
2327
|
+
"value": "#474954",
|
|
2328
|
+
"public": true
|
|
2329
|
+
},
|
|
2330
|
+
"name": "color-light-mode-icon-button-reverse-background-hover",
|
|
2331
|
+
"attributes": {
|
|
2332
|
+
"category": "color",
|
|
2333
|
+
"type": "light-mode",
|
|
2334
|
+
"item": "icon-button",
|
|
2335
|
+
"subitem": "reverse",
|
|
2336
|
+
"state": "background"
|
|
2337
|
+
},
|
|
2338
|
+
"path": [
|
|
2339
|
+
"color",
|
|
2340
|
+
"light-mode",
|
|
2341
|
+
"icon-button",
|
|
2342
|
+
"reverse",
|
|
2343
|
+
"background",
|
|
2344
|
+
"hover"
|
|
2345
|
+
]
|
|
2346
|
+
},
|
|
2347
|
+
"active": {
|
|
2348
|
+
"value": "#6a6e7a",
|
|
2349
|
+
"public": true,
|
|
2350
|
+
"filePath": "tokens/color/component/button.light.json",
|
|
2351
|
+
"isSource": true,
|
|
2352
|
+
"original": {
|
|
2353
|
+
"value": "#6a6e7a",
|
|
2354
|
+
"public": true
|
|
2355
|
+
},
|
|
2356
|
+
"name": "color-light-mode-icon-button-reverse-background-active",
|
|
2357
|
+
"attributes": {
|
|
2358
|
+
"category": "color",
|
|
2359
|
+
"type": "light-mode",
|
|
2360
|
+
"item": "icon-button",
|
|
2361
|
+
"subitem": "reverse",
|
|
2362
|
+
"state": "background"
|
|
2363
|
+
},
|
|
2364
|
+
"path": [
|
|
2365
|
+
"color",
|
|
2366
|
+
"light-mode",
|
|
2367
|
+
"icon-button",
|
|
2368
|
+
"reverse",
|
|
2369
|
+
"background",
|
|
2370
|
+
"active"
|
|
2371
|
+
]
|
|
2372
|
+
}
|
|
2373
|
+
}
|
|
2374
|
+
},
|
|
2375
|
+
"critical": {
|
|
2376
|
+
"background": {
|
|
2377
|
+
"hover": {
|
|
2378
|
+
"value": "#ffefee",
|
|
2379
|
+
"public": true,
|
|
2380
|
+
"filePath": "tokens/color/component/button.light.json",
|
|
2381
|
+
"isSource": true,
|
|
2382
|
+
"original": {
|
|
2383
|
+
"value": "{color.light-mode.status.critical.background.value}",
|
|
2384
|
+
"public": true
|
|
2385
|
+
},
|
|
2386
|
+
"name": "color-light-mode-icon-button-critical-background-hover",
|
|
2387
|
+
"attributes": {
|
|
2388
|
+
"category": "color",
|
|
2389
|
+
"type": "light-mode",
|
|
2390
|
+
"item": "icon-button",
|
|
2391
|
+
"subitem": "critical",
|
|
2392
|
+
"state": "background"
|
|
2393
|
+
},
|
|
2394
|
+
"path": [
|
|
2395
|
+
"color",
|
|
2396
|
+
"light-mode",
|
|
2397
|
+
"icon-button",
|
|
2398
|
+
"critical",
|
|
2399
|
+
"background",
|
|
2400
|
+
"hover"
|
|
2401
|
+
]
|
|
2402
|
+
},
|
|
2403
|
+
"active": {
|
|
2404
|
+
"value": "hsl(from #de2e21 h s l / 0.15)",
|
|
2405
|
+
"public": true,
|
|
2406
|
+
"filePath": "tokens/color/component/button.light.json",
|
|
2407
|
+
"isSource": true,
|
|
2408
|
+
"original": {
|
|
2409
|
+
"value": "hsl(from {color.light-mode.status.critical.utility.value} h s l / 0.15)",
|
|
2410
|
+
"public": true
|
|
2411
|
+
},
|
|
2412
|
+
"name": "color-light-mode-icon-button-critical-background-active",
|
|
2413
|
+
"attributes": {
|
|
2414
|
+
"category": "color",
|
|
2415
|
+
"type": "light-mode",
|
|
2416
|
+
"item": "icon-button",
|
|
2417
|
+
"subitem": "critical",
|
|
2418
|
+
"state": "background"
|
|
2419
|
+
},
|
|
2420
|
+
"path": [
|
|
2421
|
+
"color",
|
|
2422
|
+
"light-mode",
|
|
2423
|
+
"icon-button",
|
|
2424
|
+
"critical",
|
|
2425
|
+
"background",
|
|
2426
|
+
"active"
|
|
2427
|
+
]
|
|
2428
|
+
}
|
|
2429
|
+
}
|
|
2430
|
+
}
|
|
2431
|
+
},
|
|
2262
2432
|
"segmented-button": {
|
|
2263
2433
|
"background": {
|
|
2264
2434
|
"default": {
|
|
@@ -5939,6 +6109,222 @@
|
|
|
5939
6109
|
}
|
|
5940
6110
|
},
|
|
5941
6111
|
"code": {
|
|
6112
|
+
"block": {
|
|
6113
|
+
"dark": {
|
|
6114
|
+
"background": {
|
|
6115
|
+
"value": "#23232d",
|
|
6116
|
+
"public": true,
|
|
6117
|
+
"filePath": "tokens/color/semantic/code.light.json",
|
|
6118
|
+
"isSource": true,
|
|
6119
|
+
"original": {
|
|
6120
|
+
"value": "{color.light-mode.background.reverse.value}",
|
|
6121
|
+
"public": true
|
|
6122
|
+
},
|
|
6123
|
+
"name": "color-light-mode-code-block-dark-background",
|
|
6124
|
+
"attributes": {
|
|
6125
|
+
"category": "color",
|
|
6126
|
+
"type": "light-mode",
|
|
6127
|
+
"item": "code",
|
|
6128
|
+
"subitem": "block",
|
|
6129
|
+
"state": "dark"
|
|
6130
|
+
},
|
|
6131
|
+
"path": [
|
|
6132
|
+
"color",
|
|
6133
|
+
"light-mode",
|
|
6134
|
+
"code",
|
|
6135
|
+
"block",
|
|
6136
|
+
"dark",
|
|
6137
|
+
"background"
|
|
6138
|
+
]
|
|
6139
|
+
},
|
|
6140
|
+
"foreground": {
|
|
6141
|
+
"value": "#ffffff",
|
|
6142
|
+
"public": true,
|
|
6143
|
+
"filePath": "tokens/color/semantic/code.light.json",
|
|
6144
|
+
"isSource": true,
|
|
6145
|
+
"original": {
|
|
6146
|
+
"value": "{color.light-mode.foreground.reverse.value}",
|
|
6147
|
+
"public": true
|
|
6148
|
+
},
|
|
6149
|
+
"name": "color-light-mode-code-block-dark-foreground",
|
|
6150
|
+
"attributes": {
|
|
6151
|
+
"category": "color",
|
|
6152
|
+
"type": "light-mode",
|
|
6153
|
+
"item": "code",
|
|
6154
|
+
"subitem": "block",
|
|
6155
|
+
"state": "dark"
|
|
6156
|
+
},
|
|
6157
|
+
"path": [
|
|
6158
|
+
"color",
|
|
6159
|
+
"light-mode",
|
|
6160
|
+
"code",
|
|
6161
|
+
"block",
|
|
6162
|
+
"dark",
|
|
6163
|
+
"foreground"
|
|
6164
|
+
]
|
|
6165
|
+
},
|
|
6166
|
+
"line-prefix": {
|
|
6167
|
+
"value": "#9699a1",
|
|
6168
|
+
"public": true,
|
|
6169
|
+
"filePath": "tokens/color/semantic/code.light.json",
|
|
6170
|
+
"isSource": true,
|
|
6171
|
+
"original": {
|
|
6172
|
+
"value": "#9699A1",
|
|
6173
|
+
"public": true
|
|
6174
|
+
},
|
|
6175
|
+
"name": "color-light-mode-code-block-dark-line-prefix",
|
|
6176
|
+
"attributes": {
|
|
6177
|
+
"category": "color",
|
|
6178
|
+
"type": "light-mode",
|
|
6179
|
+
"item": "code",
|
|
6180
|
+
"subitem": "block",
|
|
6181
|
+
"state": "dark"
|
|
6182
|
+
},
|
|
6183
|
+
"path": [
|
|
6184
|
+
"color",
|
|
6185
|
+
"light-mode",
|
|
6186
|
+
"code",
|
|
6187
|
+
"block",
|
|
6188
|
+
"dark",
|
|
6189
|
+
"line-prefix"
|
|
6190
|
+
]
|
|
6191
|
+
},
|
|
6192
|
+
"highlight": {
|
|
6193
|
+
"value": "#474954",
|
|
6194
|
+
"public": true,
|
|
6195
|
+
"filePath": "tokens/color/semantic/code.light.json",
|
|
6196
|
+
"isSource": true,
|
|
6197
|
+
"original": {
|
|
6198
|
+
"value": "#474954",
|
|
6199
|
+
"public": true
|
|
6200
|
+
},
|
|
6201
|
+
"name": "color-light-mode-code-block-dark-highlight",
|
|
6202
|
+
"attributes": {
|
|
6203
|
+
"category": "color",
|
|
6204
|
+
"type": "light-mode",
|
|
6205
|
+
"item": "code",
|
|
6206
|
+
"subitem": "block",
|
|
6207
|
+
"state": "dark"
|
|
6208
|
+
},
|
|
6209
|
+
"path": [
|
|
6210
|
+
"color",
|
|
6211
|
+
"light-mode",
|
|
6212
|
+
"code",
|
|
6213
|
+
"block",
|
|
6214
|
+
"dark",
|
|
6215
|
+
"highlight"
|
|
6216
|
+
]
|
|
6217
|
+
}
|
|
6218
|
+
},
|
|
6219
|
+
"light": {
|
|
6220
|
+
"background": {
|
|
6221
|
+
"value": "#eff0f0",
|
|
6222
|
+
"public": true,
|
|
6223
|
+
"isReferenceToInternal": true,
|
|
6224
|
+
"filePath": "tokens/color/semantic/code.light.json",
|
|
6225
|
+
"isSource": true,
|
|
6226
|
+
"original": {
|
|
6227
|
+
"value": "#EFF0F0",
|
|
6228
|
+
"public": true,
|
|
6229
|
+
"isReferenceToInternal": true
|
|
6230
|
+
},
|
|
6231
|
+
"name": "color-light-mode-code-block-light-background",
|
|
6232
|
+
"attributes": {
|
|
6233
|
+
"category": "color",
|
|
6234
|
+
"type": "light-mode",
|
|
6235
|
+
"item": "code",
|
|
6236
|
+
"subitem": "block",
|
|
6237
|
+
"state": "light"
|
|
6238
|
+
},
|
|
6239
|
+
"path": [
|
|
6240
|
+
"color",
|
|
6241
|
+
"light-mode",
|
|
6242
|
+
"code",
|
|
6243
|
+
"block",
|
|
6244
|
+
"light",
|
|
6245
|
+
"background"
|
|
6246
|
+
]
|
|
6247
|
+
},
|
|
6248
|
+
"foreground": {
|
|
6249
|
+
"value": "#3b3d45",
|
|
6250
|
+
"public": true,
|
|
6251
|
+
"filePath": "tokens/color/semantic/code.light.json",
|
|
6252
|
+
"isSource": true,
|
|
6253
|
+
"original": {
|
|
6254
|
+
"value": "#3B3D45",
|
|
6255
|
+
"public": true
|
|
6256
|
+
},
|
|
6257
|
+
"name": "color-light-mode-code-block-light-foreground",
|
|
6258
|
+
"attributes": {
|
|
6259
|
+
"category": "color",
|
|
6260
|
+
"type": "light-mode",
|
|
6261
|
+
"item": "code",
|
|
6262
|
+
"subitem": "block",
|
|
6263
|
+
"state": "light"
|
|
6264
|
+
},
|
|
6265
|
+
"path": [
|
|
6266
|
+
"color",
|
|
6267
|
+
"light-mode",
|
|
6268
|
+
"code",
|
|
6269
|
+
"block",
|
|
6270
|
+
"light",
|
|
6271
|
+
"foreground"
|
|
6272
|
+
]
|
|
6273
|
+
},
|
|
6274
|
+
"line-prefix": {
|
|
6275
|
+
"value": "#686d78",
|
|
6276
|
+
"public": true,
|
|
6277
|
+
"filePath": "tokens/color/semantic/code.light.json",
|
|
6278
|
+
"isSource": true,
|
|
6279
|
+
"original": {
|
|
6280
|
+
"value": "#686D78",
|
|
6281
|
+
"public": true
|
|
6282
|
+
},
|
|
6283
|
+
"name": "color-light-mode-code-block-light-line-prefix",
|
|
6284
|
+
"attributes": {
|
|
6285
|
+
"category": "color",
|
|
6286
|
+
"type": "light-mode",
|
|
6287
|
+
"item": "code",
|
|
6288
|
+
"subitem": "block",
|
|
6289
|
+
"state": "light"
|
|
6290
|
+
},
|
|
6291
|
+
"path": [
|
|
6292
|
+
"color",
|
|
6293
|
+
"light-mode",
|
|
6294
|
+
"code",
|
|
6295
|
+
"block",
|
|
6296
|
+
"light",
|
|
6297
|
+
"line-prefix"
|
|
6298
|
+
]
|
|
6299
|
+
},
|
|
6300
|
+
"highlight": {
|
|
6301
|
+
"value": "#dedfe0",
|
|
6302
|
+
"public": true,
|
|
6303
|
+
"filePath": "tokens/color/semantic/code.light.json",
|
|
6304
|
+
"isSource": true,
|
|
6305
|
+
"original": {
|
|
6306
|
+
"value": "#DEDFE0",
|
|
6307
|
+
"public": true
|
|
6308
|
+
},
|
|
6309
|
+
"name": "color-light-mode-code-block-light-highlight",
|
|
6310
|
+
"attributes": {
|
|
6311
|
+
"category": "color",
|
|
6312
|
+
"type": "light-mode",
|
|
6313
|
+
"item": "code",
|
|
6314
|
+
"subitem": "block",
|
|
6315
|
+
"state": "light"
|
|
6316
|
+
},
|
|
6317
|
+
"path": [
|
|
6318
|
+
"color",
|
|
6319
|
+
"light-mode",
|
|
6320
|
+
"code",
|
|
6321
|
+
"block",
|
|
6322
|
+
"light",
|
|
6323
|
+
"highlight"
|
|
6324
|
+
]
|
|
6325
|
+
}
|
|
6326
|
+
}
|
|
6327
|
+
},
|
|
5942
6328
|
"inline": {
|
|
5943
6329
|
"background": {
|
|
5944
6330
|
"value": "#f4f3fc",
|
|
@@ -2042,6 +2042,31 @@
|
|
|
2042
2042
|
"input-label"
|
|
2043
2043
|
]
|
|
2044
2044
|
},
|
|
2045
|
+
"code-block": {
|
|
2046
|
+
"value": "0.9",
|
|
2047
|
+
"defaultUnit": "rem",
|
|
2048
|
+
"public": true,
|
|
2049
|
+
"isReferenceToInternal": true,
|
|
2050
|
+
"filePath": "tokens/typography/alias/size.json",
|
|
2051
|
+
"isSource": true,
|
|
2052
|
+
"original": {
|
|
2053
|
+
"value": "0.9",
|
|
2054
|
+
"defaultUnit": "rem",
|
|
2055
|
+
"public": true,
|
|
2056
|
+
"isReferenceToInternal": true
|
|
2057
|
+
},
|
|
2058
|
+
"name": "typography-size-code-block",
|
|
2059
|
+
"attributes": {
|
|
2060
|
+
"category": "typography",
|
|
2061
|
+
"type": "size",
|
|
2062
|
+
"item": "code-block"
|
|
2063
|
+
},
|
|
2064
|
+
"path": [
|
|
2065
|
+
"typography",
|
|
2066
|
+
"size",
|
|
2067
|
+
"code-block"
|
|
2068
|
+
]
|
|
2069
|
+
},
|
|
2045
2070
|
"9XL": {
|
|
2046
2071
|
"value": "6.192",
|
|
2047
2072
|
"defaultUnit": "rem",
|