@atlaskit/tokens 0.10.18 → 0.10.20
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/CHANGELOG.md +19 -0
- package/css/atlassian-dark.css +10 -2
- package/css/atlassian-legacy-dark.css +10 -2
- package/css/atlassian-legacy-light.css +9 -1
- package/css/atlassian-light.css +9 -1
- package/dist/cjs/artifacts/palettes-raw/legacy-palette.js +35 -1
- package/dist/cjs/artifacts/palettes-raw/palette.js +35 -1
- package/dist/cjs/artifacts/rename-mapping.js +4 -4
- package/dist/cjs/artifacts/token-default-values.js +9 -1
- package/dist/cjs/artifacts/token-names.js +9 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +207 -19
- package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +207 -19
- package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +187 -19
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +187 -19
- package/dist/cjs/constants.js +5 -3
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/palettes/legacy-palette.js +18 -0
- package/dist/cjs/palettes/palette.js +18 -0
- package/dist/cjs/tokens/atlassian-dark/elevation/shadow.js +12 -0
- package/dist/cjs/tokens/atlassian-dark/elevation/surface.js +27 -3
- package/dist/cjs/tokens/atlassian-dark/opacity/opacity.js +18 -0
- package/dist/cjs/tokens/atlassian-legacy-dark/elevation/shadow.js +12 -0
- package/dist/cjs/tokens/atlassian-legacy-dark/elevation/surface.js +27 -3
- package/dist/cjs/tokens/atlassian-legacy-dark/opacity/opacity.js +18 -0
- package/dist/cjs/tokens/atlassian-legacy-light/elevation/surface.js +27 -3
- package/dist/cjs/tokens/atlassian-legacy-light/opacity/opacity.js +18 -0
- package/dist/cjs/tokens/atlassian-light/elevation/surface.js +27 -3
- package/dist/cjs/tokens/atlassian-light/opacity/opacity.js +18 -0
- package/dist/cjs/tokens/default/deprecated/deprecated.js +3 -3
- package/dist/cjs/tokens/default/elevation/shadow.js +1 -1
- package/dist/cjs/tokens/default/elevation/surface.js +69 -15
- package/dist/cjs/tokens/default/opacity/opacity.js +28 -0
- package/dist/cjs/utils/token-ids.js +8 -5
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/artifacts/palettes-raw/legacy-palette.js +35 -1
- package/dist/es2019/artifacts/palettes-raw/palette.js +35 -1
- package/dist/es2019/artifacts/rename-mapping.js +4 -4
- package/dist/es2019/artifacts/token-default-values.js +9 -1
- package/dist/es2019/artifacts/token-names.js +9 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +207 -19
- package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +207 -19
- package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +187 -19
- package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +187 -19
- package/dist/es2019/constants.js +2 -1
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/palettes/legacy-palette.js +18 -0
- package/dist/es2019/palettes/palette.js +18 -0
- package/dist/es2019/tokens/atlassian-dark/elevation/shadow.js +12 -0
- package/dist/es2019/tokens/atlassian-dark/elevation/surface.js +27 -3
- package/dist/es2019/tokens/atlassian-dark/opacity/opacity.js +11 -0
- package/dist/es2019/tokens/atlassian-legacy-dark/elevation/shadow.js +12 -0
- package/dist/es2019/tokens/atlassian-legacy-dark/elevation/surface.js +27 -3
- package/dist/es2019/tokens/atlassian-legacy-dark/opacity/opacity.js +11 -0
- package/dist/es2019/tokens/atlassian-legacy-light/elevation/surface.js +27 -3
- package/dist/es2019/tokens/atlassian-legacy-light/opacity/opacity.js +11 -0
- package/dist/es2019/tokens/atlassian-light/elevation/surface.js +27 -3
- package/dist/es2019/tokens/atlassian-light/opacity/opacity.js +11 -0
- package/dist/es2019/tokens/default/deprecated/deprecated.js +3 -3
- package/dist/es2019/tokens/default/elevation/shadow.js +1 -1
- package/dist/es2019/tokens/default/elevation/surface.js +69 -17
- package/dist/es2019/tokens/default/opacity/opacity.js +21 -0
- package/dist/es2019/utils/token-ids.js +6 -4
- package/dist/es2019/version.json +1 -1
- package/dist/esm/artifacts/palettes-raw/legacy-palette.js +35 -1
- package/dist/esm/artifacts/palettes-raw/palette.js +35 -1
- package/dist/esm/artifacts/rename-mapping.js +4 -4
- package/dist/esm/artifacts/token-default-values.js +9 -1
- package/dist/esm/artifacts/token-names.js +9 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +207 -19
- package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +207 -19
- package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +187 -19
- package/dist/esm/artifacts/tokens-raw/atlassian-light.js +187 -19
- package/dist/esm/constants.js +2 -1
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/palettes/legacy-palette.js +18 -0
- package/dist/esm/palettes/palette.js +18 -0
- package/dist/esm/tokens/atlassian-dark/elevation/shadow.js +12 -0
- package/dist/esm/tokens/atlassian-dark/elevation/surface.js +27 -3
- package/dist/esm/tokens/atlassian-dark/opacity/opacity.js +11 -0
- package/dist/esm/tokens/atlassian-legacy-dark/elevation/shadow.js +12 -0
- package/dist/esm/tokens/atlassian-legacy-dark/elevation/surface.js +27 -3
- package/dist/esm/tokens/atlassian-legacy-dark/opacity/opacity.js +11 -0
- package/dist/esm/tokens/atlassian-legacy-light/elevation/surface.js +27 -3
- package/dist/esm/tokens/atlassian-legacy-light/opacity/opacity.js +11 -0
- package/dist/esm/tokens/atlassian-light/elevation/surface.js +27 -3
- package/dist/esm/tokens/atlassian-light/opacity/opacity.js +11 -0
- package/dist/esm/tokens/default/deprecated/deprecated.js +3 -3
- package/dist/esm/tokens/default/elevation/shadow.js +1 -1
- package/dist/esm/tokens/default/elevation/surface.js +69 -15
- package/dist/esm/tokens/default/opacity/opacity.js +21 -0
- package/dist/esm/utils/token-ids.js +6 -4
- package/dist/esm/version.json +1 -1
- package/dist/types/artifacts/palettes-raw/legacy-palette.d.ts +20 -3
- package/dist/types/artifacts/palettes-raw/palette.d.ts +20 -3
- package/dist/types/artifacts/rename-mapping.d.ts +1 -1
- package/dist/types/artifacts/token-default-values.d.ts +9 -1
- package/dist/types/artifacts/token-names.d.ts +17 -1
- package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +28 -1
- package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +28 -1
- package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +28 -1
- package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +28 -1
- package/dist/types/artifacts/types-internal.d.ts +2 -2
- package/dist/types/artifacts/types.d.ts +2 -2
- package/dist/types/constants.d.ts +1 -0
- package/dist/types/tokens/atlassian-dark/opacity/opacity.d.ts +3 -0
- package/dist/types/tokens/atlassian-legacy-dark/opacity/opacity.d.ts +3 -0
- package/dist/types/tokens/atlassian-legacy-light/opacity/opacity.d.ts +3 -0
- package/dist/types/tokens/atlassian-light/opacity/opacity.d.ts +3 -0
- package/dist/types/tokens/default/opacity/opacity.d.ts +3 -0
- package/dist/types/types.d.ts +44 -11
- package/dist/types/utils/token-ids.d.ts +1 -3
- package/package.json +7 -6
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::41ca1e1e710a7febb4c2b2ec651ef5f6>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
const tokens = [{
|
|
@@ -4825,7 +4825,7 @@ const tokens = [{
|
|
|
4825
4825
|
"introduced": "0.0.15",
|
|
4826
4826
|
"deprecated": "0.6.0",
|
|
4827
4827
|
"deleted": "0.8.0",
|
|
4828
|
-
"replacement": "elevation.surface.raised",
|
|
4828
|
+
"replacement": "elevation.surface.raised.[default]",
|
|
4829
4829
|
"description": "Use for the background of raised cards, such as Jira cards on a Kanban board.\nCombine with shadow.card."
|
|
4830
4830
|
},
|
|
4831
4831
|
"value": "#1D2125",
|
|
@@ -4838,7 +4838,7 @@ const tokens = [{
|
|
|
4838
4838
|
"introduced": "0.0.15",
|
|
4839
4839
|
"deprecated": "0.6.0",
|
|
4840
4840
|
"deleted": "0.8.0",
|
|
4841
|
-
"replacement": "elevation.surface.raised",
|
|
4841
|
+
"replacement": "elevation.surface.raised.[default]",
|
|
4842
4842
|
"description": "Use for the background of raised cards, such as Jira cards on a Kanban board.\nCombine with shadow.card."
|
|
4843
4843
|
},
|
|
4844
4844
|
"value": "DN100"
|
|
@@ -4852,7 +4852,7 @@ const tokens = [{
|
|
|
4852
4852
|
"introduced": "0.0.15",
|
|
4853
4853
|
"deprecated": "0.6.0",
|
|
4854
4854
|
"deleted": "0.8.0",
|
|
4855
|
-
"replacement": "elevation.surface.[default]",
|
|
4855
|
+
"replacement": "elevation.surface.[default].[default]",
|
|
4856
4856
|
"description": "Use as the primary background for the UI"
|
|
4857
4857
|
},
|
|
4858
4858
|
"value": "#161A1D",
|
|
@@ -4865,7 +4865,7 @@ const tokens = [{
|
|
|
4865
4865
|
"introduced": "0.0.15",
|
|
4866
4866
|
"deprecated": "0.6.0",
|
|
4867
4867
|
"deleted": "0.8.0",
|
|
4868
|
-
"replacement": "elevation.surface.[default]",
|
|
4868
|
+
"replacement": "elevation.surface.[default].[default]",
|
|
4869
4869
|
"description": "Use as the primary background for the UI"
|
|
4870
4870
|
},
|
|
4871
4871
|
"value": "DN0"
|
|
@@ -4879,7 +4879,7 @@ const tokens = [{
|
|
|
4879
4879
|
"introduced": "0.0.15",
|
|
4880
4880
|
"deprecated": "0.6.0",
|
|
4881
4881
|
"deleted": "0.8.0",
|
|
4882
|
-
"replacement": "elevation.surface.overlay",
|
|
4882
|
+
"replacement": "elevation.surface.overlay.[default]",
|
|
4883
4883
|
"description": "\nUse for the background of overlay elements, such as modals, dropdown menus, flags, and inline dialogs (i.e. elements that sit on top of the UI).\n\nAlso use for the background of raised cards in a dragged state.\n\nCombine with shadow.overlay."
|
|
4884
4884
|
},
|
|
4885
4885
|
"value": "#22272B",
|
|
@@ -4892,7 +4892,7 @@ const tokens = [{
|
|
|
4892
4892
|
"introduced": "0.0.15",
|
|
4893
4893
|
"deprecated": "0.6.0",
|
|
4894
4894
|
"deleted": "0.8.0",
|
|
4895
|
-
"replacement": "elevation.surface.overlay",
|
|
4895
|
+
"replacement": "elevation.surface.overlay.[default]",
|
|
4896
4896
|
"description": "\nUse for the background of overlay elements, such as modals, dropdown menus, flags, and inline dialogs (i.e. elements that sit on top of the UI).\n\nAlso use for the background of raised cards in a dragged state.\n\nCombine with shadow.overlay."
|
|
4897
4897
|
},
|
|
4898
4898
|
"value": "DN200"
|
|
@@ -6449,6 +6449,16 @@ const tokens = [{
|
|
|
6449
6449
|
"description": "Use for the box shadow of raised card elements, such as Jira cards on a Kanban board. Combine with elevation.surface.raised"
|
|
6450
6450
|
},
|
|
6451
6451
|
"value": [{
|
|
6452
|
+
"radius": 0,
|
|
6453
|
+
"spread": 1,
|
|
6454
|
+
"color": "#000000",
|
|
6455
|
+
"offset": {
|
|
6456
|
+
"x": 0,
|
|
6457
|
+
"y": 0
|
|
6458
|
+
},
|
|
6459
|
+
"opacity": 0,
|
|
6460
|
+
"inset": true
|
|
6461
|
+
}, {
|
|
6452
6462
|
"radius": 1,
|
|
6453
6463
|
"offset": {
|
|
6454
6464
|
"x": 0,
|
|
@@ -6475,6 +6485,16 @@ const tokens = [{
|
|
|
6475
6485
|
"description": "Use for the box shadow of raised card elements, such as Jira cards on a Kanban board. Combine with elevation.surface.raised"
|
|
6476
6486
|
},
|
|
6477
6487
|
"value": [{
|
|
6488
|
+
"radius": 0,
|
|
6489
|
+
"spread": 1,
|
|
6490
|
+
"color": "#000000",
|
|
6491
|
+
"offset": {
|
|
6492
|
+
"x": 0,
|
|
6493
|
+
"y": 0
|
|
6494
|
+
},
|
|
6495
|
+
"opacity": 0,
|
|
6496
|
+
"inset": true
|
|
6497
|
+
}, {
|
|
6478
6498
|
"radius": 1,
|
|
6479
6499
|
"offset": {
|
|
6480
6500
|
"x": 0,
|
|
@@ -6499,7 +6519,7 @@ const tokens = [{
|
|
|
6499
6519
|
"group": "shadow",
|
|
6500
6520
|
"state": "active",
|
|
6501
6521
|
"introduced": "0.6.0",
|
|
6502
|
-
"description": "Use to create a shadow when content
|
|
6522
|
+
"description": "Use to create a shadow when content scrolls under other content."
|
|
6503
6523
|
},
|
|
6504
6524
|
"value": [{
|
|
6505
6525
|
"radius": 12,
|
|
@@ -6525,7 +6545,7 @@ const tokens = [{
|
|
|
6525
6545
|
"group": "shadow",
|
|
6526
6546
|
"state": "active",
|
|
6527
6547
|
"introduced": "0.6.0",
|
|
6528
|
-
"description": "Use to create a shadow when content
|
|
6548
|
+
"description": "Use to create a shadow when content scrolls under other content."
|
|
6529
6549
|
},
|
|
6530
6550
|
"value": [{
|
|
6531
6551
|
"radius": 12,
|
|
@@ -6639,8 +6659,50 @@ const tokens = [{
|
|
|
6639
6659
|
},
|
|
6640
6660
|
"value": "DN0"
|
|
6641
6661
|
},
|
|
6642
|
-
"name": "elevation.surface.[default]",
|
|
6643
|
-
"path": ["elevation", "surface", "[default]"]
|
|
6662
|
+
"name": "elevation.surface.[default].[default]",
|
|
6663
|
+
"path": ["elevation", "surface", "[default]", "[default]"]
|
|
6664
|
+
}, {
|
|
6665
|
+
"attributes": {
|
|
6666
|
+
"group": "paint",
|
|
6667
|
+
"state": "active",
|
|
6668
|
+
"introduced": "0.10.20",
|
|
6669
|
+
"description": "Hovered state of elevation.surface"
|
|
6670
|
+
},
|
|
6671
|
+
"value": "#1D2125",
|
|
6672
|
+
"filePath": "src/tokens/atlassian-dark/elevation/surface.tsx",
|
|
6673
|
+
"isSource": true,
|
|
6674
|
+
"original": {
|
|
6675
|
+
"attributes": {
|
|
6676
|
+
"group": "paint",
|
|
6677
|
+
"state": "active",
|
|
6678
|
+
"introduced": "0.10.20",
|
|
6679
|
+
"description": "Hovered state of elevation.surface"
|
|
6680
|
+
},
|
|
6681
|
+
"value": "DN100"
|
|
6682
|
+
},
|
|
6683
|
+
"name": "elevation.surface.[default].hovered",
|
|
6684
|
+
"path": ["elevation", "surface", "[default]", "hovered"]
|
|
6685
|
+
}, {
|
|
6686
|
+
"attributes": {
|
|
6687
|
+
"group": "paint",
|
|
6688
|
+
"state": "active",
|
|
6689
|
+
"introduced": "0.10.20",
|
|
6690
|
+
"description": "Pressed state of elevation.surface"
|
|
6691
|
+
},
|
|
6692
|
+
"value": "#22272B",
|
|
6693
|
+
"filePath": "src/tokens/atlassian-dark/elevation/surface.tsx",
|
|
6694
|
+
"isSource": true,
|
|
6695
|
+
"original": {
|
|
6696
|
+
"attributes": {
|
|
6697
|
+
"group": "paint",
|
|
6698
|
+
"state": "active",
|
|
6699
|
+
"introduced": "0.10.20",
|
|
6700
|
+
"description": "Pressed state of elevation.surface"
|
|
6701
|
+
},
|
|
6702
|
+
"value": "DN200"
|
|
6703
|
+
},
|
|
6704
|
+
"name": "elevation.surface.[default].pressed",
|
|
6705
|
+
"path": ["elevation", "surface", "[default]", "pressed"]
|
|
6644
6706
|
}, {
|
|
6645
6707
|
"attributes": {
|
|
6646
6708
|
"group": "paint",
|
|
@@ -6667,7 +6729,7 @@ const tokens = [{
|
|
|
6667
6729
|
"group": "paint",
|
|
6668
6730
|
"state": "active",
|
|
6669
6731
|
"introduced": "0.6.0",
|
|
6670
|
-
"description": "Use for the background of
|
|
6732
|
+
"description": "Use for the background of cards that can be moved, such as Jira cards on a Kanban board. Combine with elevation.shadow.raised."
|
|
6671
6733
|
},
|
|
6672
6734
|
"value": "#1D2125",
|
|
6673
6735
|
"filePath": "src/tokens/atlassian-dark/elevation/surface.tsx",
|
|
@@ -6677,18 +6739,60 @@ const tokens = [{
|
|
|
6677
6739
|
"group": "paint",
|
|
6678
6740
|
"state": "active",
|
|
6679
6741
|
"introduced": "0.6.0",
|
|
6680
|
-
"description": "Use for the background of
|
|
6742
|
+
"description": "Use for the background of cards that can be moved, such as Jira cards on a Kanban board. Combine with elevation.shadow.raised."
|
|
6681
6743
|
},
|
|
6682
6744
|
"value": "DN100"
|
|
6683
6745
|
},
|
|
6684
|
-
"name": "elevation.surface.raised",
|
|
6685
|
-
"path": ["elevation", "surface", "raised"]
|
|
6746
|
+
"name": "elevation.surface.raised.[default]",
|
|
6747
|
+
"path": ["elevation", "surface", "raised", "[default]"]
|
|
6748
|
+
}, {
|
|
6749
|
+
"attributes": {
|
|
6750
|
+
"group": "paint",
|
|
6751
|
+
"state": "active",
|
|
6752
|
+
"introduced": "0.10.20",
|
|
6753
|
+
"description": "Hovered state of elevation.surface.raised"
|
|
6754
|
+
},
|
|
6755
|
+
"value": "#22272B",
|
|
6756
|
+
"filePath": "src/tokens/atlassian-dark/elevation/surface.tsx",
|
|
6757
|
+
"isSource": true,
|
|
6758
|
+
"original": {
|
|
6759
|
+
"attributes": {
|
|
6760
|
+
"group": "paint",
|
|
6761
|
+
"state": "active",
|
|
6762
|
+
"introduced": "0.10.20",
|
|
6763
|
+
"description": "Hovered state of elevation.surface.raised"
|
|
6764
|
+
},
|
|
6765
|
+
"value": "DN200"
|
|
6766
|
+
},
|
|
6767
|
+
"name": "elevation.surface.raised.hovered",
|
|
6768
|
+
"path": ["elevation", "surface", "raised", "hovered"]
|
|
6769
|
+
}, {
|
|
6770
|
+
"attributes": {
|
|
6771
|
+
"group": "paint",
|
|
6772
|
+
"state": "active",
|
|
6773
|
+
"introduced": "0.10.20",
|
|
6774
|
+
"description": "Pressed state of elevation.surface.raised"
|
|
6775
|
+
},
|
|
6776
|
+
"value": "#2C333A",
|
|
6777
|
+
"filePath": "src/tokens/atlassian-dark/elevation/surface.tsx",
|
|
6778
|
+
"isSource": true,
|
|
6779
|
+
"original": {
|
|
6780
|
+
"attributes": {
|
|
6781
|
+
"group": "paint",
|
|
6782
|
+
"state": "active",
|
|
6783
|
+
"introduced": "0.10.20",
|
|
6784
|
+
"description": "Pressed state of elevation.surface.raised"
|
|
6785
|
+
},
|
|
6786
|
+
"value": "DN300"
|
|
6787
|
+
},
|
|
6788
|
+
"name": "elevation.surface.raised.pressed",
|
|
6789
|
+
"path": ["elevation", "surface", "raised", "pressed"]
|
|
6686
6790
|
}, {
|
|
6687
6791
|
"attributes": {
|
|
6688
6792
|
"group": "paint",
|
|
6689
6793
|
"state": "active",
|
|
6690
6794
|
"introduced": "0.6.0",
|
|
6691
|
-
"description": "Use for the background of elements that sit on top of they UI, such as modals, dropdown menus,
|
|
6795
|
+
"description": "Use for the background of elements that sit on top of they UI, such as modals, dialogs, dropdown menus, floating toolbars, and floating single-action buttons. Also use for the background of raised cards in a dragged state. Combine with elevation.shadow.overlay."
|
|
6692
6796
|
},
|
|
6693
6797
|
"value": "#22272B",
|
|
6694
6798
|
"filePath": "src/tokens/atlassian-dark/elevation/surface.tsx",
|
|
@@ -6698,12 +6802,96 @@ const tokens = [{
|
|
|
6698
6802
|
"group": "paint",
|
|
6699
6803
|
"state": "active",
|
|
6700
6804
|
"introduced": "0.6.0",
|
|
6701
|
-
"description": "Use for the background of elements that sit on top of they UI, such as modals, dropdown menus,
|
|
6805
|
+
"description": "Use for the background of elements that sit on top of they UI, such as modals, dialogs, dropdown menus, floating toolbars, and floating single-action buttons. Also use for the background of raised cards in a dragged state. Combine with elevation.shadow.overlay."
|
|
6702
6806
|
},
|
|
6703
6807
|
"value": "DN200"
|
|
6704
6808
|
},
|
|
6705
|
-
"name": "elevation.surface.overlay",
|
|
6706
|
-
"path": ["elevation", "surface", "overlay"]
|
|
6809
|
+
"name": "elevation.surface.overlay.[default]",
|
|
6810
|
+
"path": ["elevation", "surface", "overlay", "[default]"]
|
|
6811
|
+
}, {
|
|
6812
|
+
"attributes": {
|
|
6813
|
+
"group": "paint",
|
|
6814
|
+
"state": "active",
|
|
6815
|
+
"introduced": "0.10.20",
|
|
6816
|
+
"description": "Hovered state of elevation.surface.overlay"
|
|
6817
|
+
},
|
|
6818
|
+
"value": "#2C333A",
|
|
6819
|
+
"filePath": "src/tokens/atlassian-dark/elevation/surface.tsx",
|
|
6820
|
+
"isSource": true,
|
|
6821
|
+
"original": {
|
|
6822
|
+
"attributes": {
|
|
6823
|
+
"group": "paint",
|
|
6824
|
+
"state": "active",
|
|
6825
|
+
"introduced": "0.10.20",
|
|
6826
|
+
"description": "Hovered state of elevation.surface.overlay"
|
|
6827
|
+
},
|
|
6828
|
+
"value": "DN300"
|
|
6829
|
+
},
|
|
6830
|
+
"name": "elevation.surface.overlay.hovered",
|
|
6831
|
+
"path": ["elevation", "surface", "overlay", "hovered"]
|
|
6832
|
+
}, {
|
|
6833
|
+
"attributes": {
|
|
6834
|
+
"group": "paint",
|
|
6835
|
+
"state": "active",
|
|
6836
|
+
"introduced": "0.10.20",
|
|
6837
|
+
"description": "Pressed state of elevation.surface.overlay"
|
|
6838
|
+
},
|
|
6839
|
+
"value": "#454F59",
|
|
6840
|
+
"filePath": "src/tokens/atlassian-dark/elevation/surface.tsx",
|
|
6841
|
+
"isSource": true,
|
|
6842
|
+
"original": {
|
|
6843
|
+
"attributes": {
|
|
6844
|
+
"group": "paint",
|
|
6845
|
+
"state": "active",
|
|
6846
|
+
"introduced": "0.10.20",
|
|
6847
|
+
"description": "Pressed state of elevation.surface.overlay"
|
|
6848
|
+
},
|
|
6849
|
+
"value": "DN400"
|
|
6850
|
+
},
|
|
6851
|
+
"name": "elevation.surface.overlay.pressed",
|
|
6852
|
+
"path": ["elevation", "surface", "overlay", "pressed"]
|
|
6853
|
+
}, {
|
|
6854
|
+
"attributes": {
|
|
6855
|
+
"group": "opacity",
|
|
6856
|
+
"state": "active",
|
|
6857
|
+
"introduced": "0.10.13",
|
|
6858
|
+
"description": "Apply to images when in a disabled state."
|
|
6859
|
+
},
|
|
6860
|
+
"value": 0.4,
|
|
6861
|
+
"filePath": "src/tokens/atlassian-dark/opacity/opacity.tsx",
|
|
6862
|
+
"isSource": true,
|
|
6863
|
+
"original": {
|
|
6864
|
+
"attributes": {
|
|
6865
|
+
"group": "opacity",
|
|
6866
|
+
"state": "active",
|
|
6867
|
+
"introduced": "0.10.13",
|
|
6868
|
+
"description": "Apply to images when in a disabled state."
|
|
6869
|
+
},
|
|
6870
|
+
"value": "Opacity40"
|
|
6871
|
+
},
|
|
6872
|
+
"name": "opacity.disabled",
|
|
6873
|
+
"path": ["opacity", "disabled"]
|
|
6874
|
+
}, {
|
|
6875
|
+
"attributes": {
|
|
6876
|
+
"group": "opacity",
|
|
6877
|
+
"state": "active",
|
|
6878
|
+
"introduced": "0.10.13",
|
|
6879
|
+
"description": "Apply to content that sits under a loading spinner."
|
|
6880
|
+
},
|
|
6881
|
+
"value": 0.2,
|
|
6882
|
+
"filePath": "src/tokens/atlassian-dark/opacity/opacity.tsx",
|
|
6883
|
+
"isSource": true,
|
|
6884
|
+
"original": {
|
|
6885
|
+
"attributes": {
|
|
6886
|
+
"group": "opacity",
|
|
6887
|
+
"state": "active",
|
|
6888
|
+
"introduced": "0.10.13",
|
|
6889
|
+
"description": "Apply to content that sits under a loading spinner."
|
|
6890
|
+
},
|
|
6891
|
+
"value": "Opacity20"
|
|
6892
|
+
},
|
|
6893
|
+
"name": "opacity.loading",
|
|
6894
|
+
"path": ["opacity", "loading"]
|
|
6707
6895
|
}, {
|
|
6708
6896
|
"attributes": {
|
|
6709
6897
|
"group": "raw",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::c82e43b67b045a60bb8a6c1dc11edd58>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
const tokens = [{
|
|
@@ -4825,7 +4825,7 @@ const tokens = [{
|
|
|
4825
4825
|
"introduced": "0.0.15",
|
|
4826
4826
|
"deprecated": "0.6.0",
|
|
4827
4827
|
"deleted": "0.8.0",
|
|
4828
|
-
"replacement": "elevation.surface.raised",
|
|
4828
|
+
"replacement": "elevation.surface.raised.[default]",
|
|
4829
4829
|
"description": "Use for the background of raised cards, such as Jira cards on a Kanban board.\nCombine with shadow.card."
|
|
4830
4830
|
},
|
|
4831
4831
|
"value": "#FA11F2",
|
|
@@ -4838,7 +4838,7 @@ const tokens = [{
|
|
|
4838
4838
|
"introduced": "0.0.15",
|
|
4839
4839
|
"deprecated": "0.6.0",
|
|
4840
4840
|
"deleted": "0.8.0",
|
|
4841
|
-
"replacement": "elevation.surface.raised",
|
|
4841
|
+
"replacement": "elevation.surface.raised.[default]",
|
|
4842
4842
|
"description": "Use for the background of raised cards, such as Jira cards on a Kanban board.\nCombine with shadow.card."
|
|
4843
4843
|
},
|
|
4844
4844
|
"value": "#FA11F2"
|
|
@@ -4852,7 +4852,7 @@ const tokens = [{
|
|
|
4852
4852
|
"introduced": "0.0.15",
|
|
4853
4853
|
"deprecated": "0.6.0",
|
|
4854
4854
|
"deleted": "0.8.0",
|
|
4855
|
-
"replacement": "elevation.surface.[default]",
|
|
4855
|
+
"replacement": "elevation.surface.[default].[default]",
|
|
4856
4856
|
"description": "Use as the primary background for the UI"
|
|
4857
4857
|
},
|
|
4858
4858
|
"value": "#FA11F2",
|
|
@@ -4865,7 +4865,7 @@ const tokens = [{
|
|
|
4865
4865
|
"introduced": "0.0.15",
|
|
4866
4866
|
"deprecated": "0.6.0",
|
|
4867
4867
|
"deleted": "0.8.0",
|
|
4868
|
-
"replacement": "elevation.surface.[default]",
|
|
4868
|
+
"replacement": "elevation.surface.[default].[default]",
|
|
4869
4869
|
"description": "Use as the primary background for the UI"
|
|
4870
4870
|
},
|
|
4871
4871
|
"value": "#FA11F2"
|
|
@@ -4879,7 +4879,7 @@ const tokens = [{
|
|
|
4879
4879
|
"introduced": "0.0.15",
|
|
4880
4880
|
"deprecated": "0.6.0",
|
|
4881
4881
|
"deleted": "0.8.0",
|
|
4882
|
-
"replacement": "elevation.surface.overlay",
|
|
4882
|
+
"replacement": "elevation.surface.overlay.[default]",
|
|
4883
4883
|
"description": "\nUse for the background of overlay elements, such as modals, dropdown menus, flags, and inline dialogs (i.e. elements that sit on top of the UI).\n\nAlso use for the background of raised cards in a dragged state.\n\nCombine with shadow.overlay."
|
|
4884
4884
|
},
|
|
4885
4885
|
"value": "#FA11F2",
|
|
@@ -4892,7 +4892,7 @@ const tokens = [{
|
|
|
4892
4892
|
"introduced": "0.0.15",
|
|
4893
4893
|
"deprecated": "0.6.0",
|
|
4894
4894
|
"deleted": "0.8.0",
|
|
4895
|
-
"replacement": "elevation.surface.overlay",
|
|
4895
|
+
"replacement": "elevation.surface.overlay.[default]",
|
|
4896
4896
|
"description": "\nUse for the background of overlay elements, such as modals, dropdown menus, flags, and inline dialogs (i.e. elements that sit on top of the UI).\n\nAlso use for the background of raised cards in a dragged state.\n\nCombine with shadow.overlay."
|
|
4897
4897
|
},
|
|
4898
4898
|
"value": "#FA11F2"
|
|
@@ -6449,6 +6449,16 @@ const tokens = [{
|
|
|
6449
6449
|
"description": "Use for the box shadow of raised card elements, such as Jira cards on a Kanban board. Combine with elevation.surface.raised"
|
|
6450
6450
|
},
|
|
6451
6451
|
"value": [{
|
|
6452
|
+
"radius": 0,
|
|
6453
|
+
"spread": 1,
|
|
6454
|
+
"color": "#000000",
|
|
6455
|
+
"offset": {
|
|
6456
|
+
"x": 0,
|
|
6457
|
+
"y": 0
|
|
6458
|
+
},
|
|
6459
|
+
"opacity": 0,
|
|
6460
|
+
"inset": true
|
|
6461
|
+
}, {
|
|
6452
6462
|
"radius": 1,
|
|
6453
6463
|
"offset": {
|
|
6454
6464
|
"x": 0,
|
|
@@ -6475,6 +6485,16 @@ const tokens = [{
|
|
|
6475
6485
|
"description": "Use for the box shadow of raised card elements, such as Jira cards on a Kanban board. Combine with elevation.surface.raised"
|
|
6476
6486
|
},
|
|
6477
6487
|
"value": [{
|
|
6488
|
+
"radius": 0,
|
|
6489
|
+
"spread": 1,
|
|
6490
|
+
"color": "#000000",
|
|
6491
|
+
"offset": {
|
|
6492
|
+
"x": 0,
|
|
6493
|
+
"y": 0
|
|
6494
|
+
},
|
|
6495
|
+
"opacity": 0,
|
|
6496
|
+
"inset": true
|
|
6497
|
+
}, {
|
|
6478
6498
|
"radius": 1,
|
|
6479
6499
|
"offset": {
|
|
6480
6500
|
"x": 0,
|
|
@@ -6499,7 +6519,7 @@ const tokens = [{
|
|
|
6499
6519
|
"group": "shadow",
|
|
6500
6520
|
"state": "active",
|
|
6501
6521
|
"introduced": "0.6.0",
|
|
6502
|
-
"description": "Use to create a shadow when content
|
|
6522
|
+
"description": "Use to create a shadow when content scrolls under other content."
|
|
6503
6523
|
},
|
|
6504
6524
|
"value": [{
|
|
6505
6525
|
"radius": 12,
|
|
@@ -6525,7 +6545,7 @@ const tokens = [{
|
|
|
6525
6545
|
"group": "shadow",
|
|
6526
6546
|
"state": "active",
|
|
6527
6547
|
"introduced": "0.6.0",
|
|
6528
|
-
"description": "Use to create a shadow when content
|
|
6548
|
+
"description": "Use to create a shadow when content scrolls under other content."
|
|
6529
6549
|
},
|
|
6530
6550
|
"value": [{
|
|
6531
6551
|
"radius": 12,
|
|
@@ -6639,8 +6659,50 @@ const tokens = [{
|
|
|
6639
6659
|
},
|
|
6640
6660
|
"value": "DN30"
|
|
6641
6661
|
},
|
|
6642
|
-
"name": "elevation.surface.[default]",
|
|
6643
|
-
"path": ["elevation", "surface", "[default]"]
|
|
6662
|
+
"name": "elevation.surface.[default].[default]",
|
|
6663
|
+
"path": ["elevation", "surface", "[default]", "[default]"]
|
|
6664
|
+
}, {
|
|
6665
|
+
"attributes": {
|
|
6666
|
+
"group": "paint",
|
|
6667
|
+
"state": "active",
|
|
6668
|
+
"introduced": "0.10.20",
|
|
6669
|
+
"description": "Hovered state of elevation.surface"
|
|
6670
|
+
},
|
|
6671
|
+
"value": "#202B3D",
|
|
6672
|
+
"filePath": "src/tokens/atlassian-legacy-dark/elevation/surface.tsx",
|
|
6673
|
+
"isSource": true,
|
|
6674
|
+
"original": {
|
|
6675
|
+
"attributes": {
|
|
6676
|
+
"group": "paint",
|
|
6677
|
+
"state": "active",
|
|
6678
|
+
"introduced": "0.10.20",
|
|
6679
|
+
"description": "Hovered state of elevation.surface"
|
|
6680
|
+
},
|
|
6681
|
+
"value": "DN40"
|
|
6682
|
+
},
|
|
6683
|
+
"name": "elevation.surface.[default].hovered",
|
|
6684
|
+
"path": ["elevation", "surface", "[default]", "hovered"]
|
|
6685
|
+
}, {
|
|
6686
|
+
"attributes": {
|
|
6687
|
+
"group": "paint",
|
|
6688
|
+
"state": "active",
|
|
6689
|
+
"introduced": "0.10.20",
|
|
6690
|
+
"description": "Pressed state of elevation.surface"
|
|
6691
|
+
},
|
|
6692
|
+
"value": "#283447",
|
|
6693
|
+
"filePath": "src/tokens/atlassian-legacy-dark/elevation/surface.tsx",
|
|
6694
|
+
"isSource": true,
|
|
6695
|
+
"original": {
|
|
6696
|
+
"attributes": {
|
|
6697
|
+
"group": "paint",
|
|
6698
|
+
"state": "active",
|
|
6699
|
+
"introduced": "0.10.20",
|
|
6700
|
+
"description": "Pressed state of elevation.surface"
|
|
6701
|
+
},
|
|
6702
|
+
"value": "DN50"
|
|
6703
|
+
},
|
|
6704
|
+
"name": "elevation.surface.[default].pressed",
|
|
6705
|
+
"path": ["elevation", "surface", "[default]", "pressed"]
|
|
6644
6706
|
}, {
|
|
6645
6707
|
"attributes": {
|
|
6646
6708
|
"group": "paint",
|
|
@@ -6667,7 +6729,7 @@ const tokens = [{
|
|
|
6667
6729
|
"group": "paint",
|
|
6668
6730
|
"state": "active",
|
|
6669
6731
|
"introduced": "0.6.0",
|
|
6670
|
-
"description": "Use for the background of
|
|
6732
|
+
"description": "Use for the background of cards that can be moved, such as Jira cards on a Kanban board. Combine with elevation.shadow.raised."
|
|
6671
6733
|
},
|
|
6672
6734
|
"value": "#455166",
|
|
6673
6735
|
"filePath": "src/tokens/atlassian-legacy-dark/elevation/surface.tsx",
|
|
@@ -6677,18 +6739,60 @@ const tokens = [{
|
|
|
6677
6739
|
"group": "paint",
|
|
6678
6740
|
"state": "active",
|
|
6679
6741
|
"introduced": "0.6.0",
|
|
6680
|
-
"description": "Use for the background of
|
|
6742
|
+
"description": "Use for the background of cards that can be moved, such as Jira cards on a Kanban board. Combine with elevation.shadow.raised."
|
|
6681
6743
|
},
|
|
6682
6744
|
"value": "DN80"
|
|
6683
6745
|
},
|
|
6684
|
-
"name": "elevation.surface.raised",
|
|
6685
|
-
"path": ["elevation", "surface", "raised"]
|
|
6746
|
+
"name": "elevation.surface.raised.[default]",
|
|
6747
|
+
"path": ["elevation", "surface", "raised", "[default]"]
|
|
6748
|
+
}, {
|
|
6749
|
+
"attributes": {
|
|
6750
|
+
"group": "paint",
|
|
6751
|
+
"state": "active",
|
|
6752
|
+
"introduced": "0.10.20",
|
|
6753
|
+
"description": "Hovered state of elevation.surface.raised"
|
|
6754
|
+
},
|
|
6755
|
+
"value": "#56637A",
|
|
6756
|
+
"filePath": "src/tokens/atlassian-legacy-dark/elevation/surface.tsx",
|
|
6757
|
+
"isSource": true,
|
|
6758
|
+
"original": {
|
|
6759
|
+
"attributes": {
|
|
6760
|
+
"group": "paint",
|
|
6761
|
+
"state": "active",
|
|
6762
|
+
"introduced": "0.10.20",
|
|
6763
|
+
"description": "Hovered state of elevation.surface.raised"
|
|
6764
|
+
},
|
|
6765
|
+
"value": "DN90"
|
|
6766
|
+
},
|
|
6767
|
+
"name": "elevation.surface.raised.hovered",
|
|
6768
|
+
"path": ["elevation", "surface", "raised", "hovered"]
|
|
6769
|
+
}, {
|
|
6770
|
+
"attributes": {
|
|
6771
|
+
"group": "paint",
|
|
6772
|
+
"state": "active",
|
|
6773
|
+
"introduced": "0.10.20",
|
|
6774
|
+
"description": "Pressed state of elevation.surface.raised"
|
|
6775
|
+
},
|
|
6776
|
+
"value": "#67758F",
|
|
6777
|
+
"filePath": "src/tokens/atlassian-legacy-dark/elevation/surface.tsx",
|
|
6778
|
+
"isSource": true,
|
|
6779
|
+
"original": {
|
|
6780
|
+
"attributes": {
|
|
6781
|
+
"group": "paint",
|
|
6782
|
+
"state": "active",
|
|
6783
|
+
"introduced": "0.10.20",
|
|
6784
|
+
"description": "Pressed state of elevation.surface.raised"
|
|
6785
|
+
},
|
|
6786
|
+
"value": "DN100"
|
|
6787
|
+
},
|
|
6788
|
+
"name": "elevation.surface.raised.pressed",
|
|
6789
|
+
"path": ["elevation", "surface", "raised", "pressed"]
|
|
6686
6790
|
}, {
|
|
6687
6791
|
"attributes": {
|
|
6688
6792
|
"group": "paint",
|
|
6689
6793
|
"state": "active",
|
|
6690
6794
|
"introduced": "0.6.0",
|
|
6691
|
-
"description": "Use for the background of elements that sit on top of they UI, such as modals, dropdown menus,
|
|
6795
|
+
"description": "Use for the background of elements that sit on top of they UI, such as modals, dialogs, dropdown menus, floating toolbars, and floating single-action buttons. Also use for the background of raised cards in a dragged state. Combine with elevation.shadow.overlay."
|
|
6692
6796
|
},
|
|
6693
6797
|
"value": "#7988A3",
|
|
6694
6798
|
"filePath": "src/tokens/atlassian-legacy-dark/elevation/surface.tsx",
|
|
@@ -6698,12 +6802,96 @@ const tokens = [{
|
|
|
6698
6802
|
"group": "paint",
|
|
6699
6803
|
"state": "active",
|
|
6700
6804
|
"introduced": "0.6.0",
|
|
6701
|
-
"description": "Use for the background of elements that sit on top of they UI, such as modals, dropdown menus,
|
|
6805
|
+
"description": "Use for the background of elements that sit on top of they UI, such as modals, dialogs, dropdown menus, floating toolbars, and floating single-action buttons. Also use for the background of raised cards in a dragged state. Combine with elevation.shadow.overlay."
|
|
6702
6806
|
},
|
|
6703
6807
|
"value": "DN200"
|
|
6704
6808
|
},
|
|
6705
|
-
"name": "elevation.surface.overlay",
|
|
6706
|
-
"path": ["elevation", "surface", "overlay"]
|
|
6809
|
+
"name": "elevation.surface.overlay.[default]",
|
|
6810
|
+
"path": ["elevation", "surface", "overlay", "[default]"]
|
|
6811
|
+
}, {
|
|
6812
|
+
"attributes": {
|
|
6813
|
+
"group": "paint",
|
|
6814
|
+
"state": "active",
|
|
6815
|
+
"introduced": "0.10.20",
|
|
6816
|
+
"description": "Hovered state of elevation.surface.overlay"
|
|
6817
|
+
},
|
|
6818
|
+
"value": "#8C9CB8",
|
|
6819
|
+
"filePath": "src/tokens/atlassian-legacy-dark/elevation/surface.tsx",
|
|
6820
|
+
"isSource": true,
|
|
6821
|
+
"original": {
|
|
6822
|
+
"attributes": {
|
|
6823
|
+
"group": "paint",
|
|
6824
|
+
"state": "active",
|
|
6825
|
+
"introduced": "0.10.20",
|
|
6826
|
+
"description": "Hovered state of elevation.surface.overlay"
|
|
6827
|
+
},
|
|
6828
|
+
"value": "DN300"
|
|
6829
|
+
},
|
|
6830
|
+
"name": "elevation.surface.overlay.hovered",
|
|
6831
|
+
"path": ["elevation", "surface", "overlay", "hovered"]
|
|
6832
|
+
}, {
|
|
6833
|
+
"attributes": {
|
|
6834
|
+
"group": "paint",
|
|
6835
|
+
"state": "active",
|
|
6836
|
+
"introduced": "0.10.20",
|
|
6837
|
+
"description": "Pressed state of elevation.surface.overlay"
|
|
6838
|
+
},
|
|
6839
|
+
"value": "#9FB0CC",
|
|
6840
|
+
"filePath": "src/tokens/atlassian-legacy-dark/elevation/surface.tsx",
|
|
6841
|
+
"isSource": true,
|
|
6842
|
+
"original": {
|
|
6843
|
+
"attributes": {
|
|
6844
|
+
"group": "paint",
|
|
6845
|
+
"state": "active",
|
|
6846
|
+
"introduced": "0.10.20",
|
|
6847
|
+
"description": "Pressed state of elevation.surface.overlay"
|
|
6848
|
+
},
|
|
6849
|
+
"value": "DN400"
|
|
6850
|
+
},
|
|
6851
|
+
"name": "elevation.surface.overlay.pressed",
|
|
6852
|
+
"path": ["elevation", "surface", "overlay", "pressed"]
|
|
6853
|
+
}, {
|
|
6854
|
+
"attributes": {
|
|
6855
|
+
"group": "opacity",
|
|
6856
|
+
"state": "active",
|
|
6857
|
+
"introduced": "0.10.13",
|
|
6858
|
+
"description": "Apply to images when in a disabled state."
|
|
6859
|
+
},
|
|
6860
|
+
"value": 0.4,
|
|
6861
|
+
"filePath": "src/tokens/atlassian-legacy-dark/opacity/opacity.tsx",
|
|
6862
|
+
"isSource": true,
|
|
6863
|
+
"original": {
|
|
6864
|
+
"attributes": {
|
|
6865
|
+
"group": "opacity",
|
|
6866
|
+
"state": "active",
|
|
6867
|
+
"introduced": "0.10.13",
|
|
6868
|
+
"description": "Apply to images when in a disabled state."
|
|
6869
|
+
},
|
|
6870
|
+
"value": "Opacity40"
|
|
6871
|
+
},
|
|
6872
|
+
"name": "opacity.disabled",
|
|
6873
|
+
"path": ["opacity", "disabled"]
|
|
6874
|
+
}, {
|
|
6875
|
+
"attributes": {
|
|
6876
|
+
"group": "opacity",
|
|
6877
|
+
"state": "active",
|
|
6878
|
+
"introduced": "0.10.13",
|
|
6879
|
+
"description": "Apply to content that sits under a loading spinner."
|
|
6880
|
+
},
|
|
6881
|
+
"value": 0.2,
|
|
6882
|
+
"filePath": "src/tokens/atlassian-legacy-dark/opacity/opacity.tsx",
|
|
6883
|
+
"isSource": true,
|
|
6884
|
+
"original": {
|
|
6885
|
+
"attributes": {
|
|
6886
|
+
"group": "opacity",
|
|
6887
|
+
"state": "active",
|
|
6888
|
+
"introduced": "0.10.13",
|
|
6889
|
+
"description": "Apply to content that sits under a loading spinner."
|
|
6890
|
+
},
|
|
6891
|
+
"value": "Opacity20"
|
|
6892
|
+
},
|
|
6893
|
+
"name": "opacity.loading",
|
|
6894
|
+
"path": ["opacity", "loading"]
|
|
6707
6895
|
}, {
|
|
6708
6896
|
"attributes": {
|
|
6709
6897
|
"group": "raw",
|