@mittwald/flow-design-tokens 0.2.0-alpha.53 → 0.2.0-alpha.55
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/variables.css +14 -9
- package/dist/variables.json +246 -157
- package/package.json +2 -2
package/dist/variables.css
CHANGED
|
@@ -276,6 +276,17 @@
|
|
|
276
276
|
--border-width--200: var(--size-px--xxs);
|
|
277
277
|
--border-width--300: var(--size-px--xs);
|
|
278
278
|
--border-width--400: var(--size-px--s);
|
|
279
|
+
--chat--spacing: var(--size-px--m);
|
|
280
|
+
--message-separator--font-size: var(--font-size-text--s);
|
|
281
|
+
--message-separator--padding: var(--size-px--m);
|
|
282
|
+
--message-thread--spacing: var(--size-rem--l);
|
|
283
|
+
--message-thread--indentation: var(--size-px--m);
|
|
284
|
+
--message--padding-y: var(--size-px--s);
|
|
285
|
+
--message--padding-x: var(--size-px--m);
|
|
286
|
+
--message--spacing-y: var(--size-rem--s);
|
|
287
|
+
--message--spacing-x: var(--size-rem--m);
|
|
288
|
+
--message--background-color-responder: var(--color--gray--400);
|
|
289
|
+
--message--background-color-sender: var(--color--hosting-blue--200);
|
|
279
290
|
--primary--color--100: var(--color--hosting-blue--100);
|
|
280
291
|
--primary--color--200: var(--color--hosting-blue--200);
|
|
281
292
|
--primary--color--300: var(--color--hosting-blue--300);
|
|
@@ -443,14 +454,6 @@
|
|
|
443
454
|
--labeled-value--label-to-value-spacing: var(--size-rem--xxs);
|
|
444
455
|
--labeled-value--value-to-action-spacing: var(--size-rem--xs);
|
|
445
456
|
--markdown--spacing: var(--size-rem--m);
|
|
446
|
-
--message-thread--spacing: var(--size-rem--l);
|
|
447
|
-
--message-thread--indentation: var(--size-px--m);
|
|
448
|
-
--message--padding-y: var(--size-px--s);
|
|
449
|
-
--message--padding-x: var(--size-px--m);
|
|
450
|
-
--message--spacing-y: var(--size-rem--s);
|
|
451
|
-
--message--spacing-x: var(--size-rem--m);
|
|
452
|
-
--message--background-color-responder: var(--color--gray--400);
|
|
453
|
-
--message--background-color-sender: var(--color--hosting-blue--200);
|
|
454
457
|
--text--blockquote-border-style: var(--border-style--default);
|
|
455
458
|
--text--blockquote-padding: var(--size-rem--s);
|
|
456
459
|
--text--list-padding: var(--size-rem--l);
|
|
@@ -773,6 +776,9 @@
|
|
|
773
776
|
--menu-item--icon-color--default: var(--neutral--color--800);
|
|
774
777
|
--menu-item--icon-color--current: var(--primary--color--800);
|
|
775
778
|
--menu-item--disabled-background-color: var(--disabled-plain-background-color);
|
|
779
|
+
--message-separator--background-color: var(--neutral--color--100);
|
|
780
|
+
--message-separator--color: var(--neutral--color--800);
|
|
781
|
+
--message--corner-radius: var(--corner-radius--default);
|
|
776
782
|
--primary-solid-background-color--default: var(--primary--color--800);
|
|
777
783
|
--primary-solid-background-color--hover: var(--primary--color--900);
|
|
778
784
|
--primary-solid-background-color--pressed: var(--primary--color--1000);
|
|
@@ -898,7 +904,6 @@
|
|
|
898
904
|
--image--border-width: var(--border-width--100);
|
|
899
905
|
--label--line-height: var(--line-height--m);
|
|
900
906
|
--label--color--default: var(--neutral--color--800);
|
|
901
|
-
--message--corner-radius: var(--corner-radius--default);
|
|
902
907
|
--text--color--default: var(--neutral--color--1000);
|
|
903
908
|
--text--color--light: var(--light-plain-content-color);
|
|
904
909
|
--text--color--dark: var(--dark-plain-content-color);
|
package/dist/variables.json
CHANGED
|
@@ -4800,6 +4800,252 @@
|
|
|
4800
4800
|
]
|
|
4801
4801
|
}
|
|
4802
4802
|
},
|
|
4803
|
+
"chat": {
|
|
4804
|
+
"spacing": {
|
|
4805
|
+
"value": "16px",
|
|
4806
|
+
"filePath": "src/chat/chat.yml",
|
|
4807
|
+
"isSource": true,
|
|
4808
|
+
"original": {
|
|
4809
|
+
"value": "{size-px.m}"
|
|
4810
|
+
},
|
|
4811
|
+
"name": "ChatSpacing",
|
|
4812
|
+
"attributes": {
|
|
4813
|
+
"category": "chat",
|
|
4814
|
+
"type": "spacing"
|
|
4815
|
+
},
|
|
4816
|
+
"path": [
|
|
4817
|
+
"chat",
|
|
4818
|
+
"spacing"
|
|
4819
|
+
]
|
|
4820
|
+
}
|
|
4821
|
+
},
|
|
4822
|
+
"message-separator": {
|
|
4823
|
+
"background-color": {
|
|
4824
|
+
"value": "#FFFFFF",
|
|
4825
|
+
"filePath": "src/chat/message-separator.yml",
|
|
4826
|
+
"isSource": true,
|
|
4827
|
+
"original": {
|
|
4828
|
+
"value": "{neutral.color.100}"
|
|
4829
|
+
},
|
|
4830
|
+
"name": "MessageSeparatorBackgroundColor",
|
|
4831
|
+
"attributes": {
|
|
4832
|
+
"category": "message-separator",
|
|
4833
|
+
"type": "background-color"
|
|
4834
|
+
},
|
|
4835
|
+
"path": [
|
|
4836
|
+
"message-separator",
|
|
4837
|
+
"background-color"
|
|
4838
|
+
]
|
|
4839
|
+
},
|
|
4840
|
+
"font-size": {
|
|
4841
|
+
"value": "0.875rem",
|
|
4842
|
+
"filePath": "src/chat/message-separator.yml",
|
|
4843
|
+
"isSource": true,
|
|
4844
|
+
"original": {
|
|
4845
|
+
"value": "{font-size-text.s}"
|
|
4846
|
+
},
|
|
4847
|
+
"name": "MessageSeparatorFontSize",
|
|
4848
|
+
"attributes": {
|
|
4849
|
+
"category": "message-separator",
|
|
4850
|
+
"type": "font-size"
|
|
4851
|
+
},
|
|
4852
|
+
"path": [
|
|
4853
|
+
"message-separator",
|
|
4854
|
+
"font-size"
|
|
4855
|
+
]
|
|
4856
|
+
},
|
|
4857
|
+
"padding": {
|
|
4858
|
+
"value": "16px",
|
|
4859
|
+
"filePath": "src/chat/message-separator.yml",
|
|
4860
|
+
"isSource": true,
|
|
4861
|
+
"original": {
|
|
4862
|
+
"value": "{size-px.m}"
|
|
4863
|
+
},
|
|
4864
|
+
"name": "MessageSeparatorPadding",
|
|
4865
|
+
"attributes": {
|
|
4866
|
+
"category": "message-separator",
|
|
4867
|
+
"type": "padding"
|
|
4868
|
+
},
|
|
4869
|
+
"path": [
|
|
4870
|
+
"message-separator",
|
|
4871
|
+
"padding"
|
|
4872
|
+
]
|
|
4873
|
+
},
|
|
4874
|
+
"color": {
|
|
4875
|
+
"value": "#6D6D6D",
|
|
4876
|
+
"filePath": "src/chat/message-separator.yml",
|
|
4877
|
+
"isSource": true,
|
|
4878
|
+
"original": {
|
|
4879
|
+
"value": "{neutral.color.800}"
|
|
4880
|
+
},
|
|
4881
|
+
"name": "MessageSeparatorColor",
|
|
4882
|
+
"attributes": {
|
|
4883
|
+
"category": "message-separator",
|
|
4884
|
+
"type": "color"
|
|
4885
|
+
},
|
|
4886
|
+
"path": [
|
|
4887
|
+
"message-separator",
|
|
4888
|
+
"color"
|
|
4889
|
+
]
|
|
4890
|
+
}
|
|
4891
|
+
},
|
|
4892
|
+
"message-thread": {
|
|
4893
|
+
"spacing": {
|
|
4894
|
+
"value": "1.5rem",
|
|
4895
|
+
"filePath": "src/chat/message-thread.yml",
|
|
4896
|
+
"isSource": true,
|
|
4897
|
+
"original": {
|
|
4898
|
+
"value": "{size-rem.l}"
|
|
4899
|
+
},
|
|
4900
|
+
"name": "MessageThreadSpacing",
|
|
4901
|
+
"attributes": {
|
|
4902
|
+
"category": "message-thread",
|
|
4903
|
+
"type": "spacing"
|
|
4904
|
+
},
|
|
4905
|
+
"path": [
|
|
4906
|
+
"message-thread",
|
|
4907
|
+
"spacing"
|
|
4908
|
+
]
|
|
4909
|
+
},
|
|
4910
|
+
"indentation": {
|
|
4911
|
+
"value": "16px",
|
|
4912
|
+
"filePath": "src/chat/message-thread.yml",
|
|
4913
|
+
"isSource": true,
|
|
4914
|
+
"original": {
|
|
4915
|
+
"value": "{size-px.m}"
|
|
4916
|
+
},
|
|
4917
|
+
"name": "MessageThreadIndentation",
|
|
4918
|
+
"attributes": {
|
|
4919
|
+
"category": "message-thread",
|
|
4920
|
+
"type": "indentation"
|
|
4921
|
+
},
|
|
4922
|
+
"path": [
|
|
4923
|
+
"message-thread",
|
|
4924
|
+
"indentation"
|
|
4925
|
+
]
|
|
4926
|
+
}
|
|
4927
|
+
},
|
|
4928
|
+
"message": {
|
|
4929
|
+
"corner-radius": {
|
|
4930
|
+
"value": "4px",
|
|
4931
|
+
"filePath": "src/chat/message.yml",
|
|
4932
|
+
"isSource": true,
|
|
4933
|
+
"original": {
|
|
4934
|
+
"value": "{corner-radius.default}"
|
|
4935
|
+
},
|
|
4936
|
+
"name": "MessageCornerRadius",
|
|
4937
|
+
"attributes": {
|
|
4938
|
+
"category": "message",
|
|
4939
|
+
"type": "corner-radius"
|
|
4940
|
+
},
|
|
4941
|
+
"path": [
|
|
4942
|
+
"message",
|
|
4943
|
+
"corner-radius"
|
|
4944
|
+
]
|
|
4945
|
+
},
|
|
4946
|
+
"padding-y": {
|
|
4947
|
+
"value": "8px",
|
|
4948
|
+
"filePath": "src/chat/message.yml",
|
|
4949
|
+
"isSource": true,
|
|
4950
|
+
"original": {
|
|
4951
|
+
"value": "{size-px.s}"
|
|
4952
|
+
},
|
|
4953
|
+
"name": "MessagePaddingY",
|
|
4954
|
+
"attributes": {
|
|
4955
|
+
"category": "message",
|
|
4956
|
+
"type": "padding-y"
|
|
4957
|
+
},
|
|
4958
|
+
"path": [
|
|
4959
|
+
"message",
|
|
4960
|
+
"padding-y"
|
|
4961
|
+
]
|
|
4962
|
+
},
|
|
4963
|
+
"padding-x": {
|
|
4964
|
+
"value": "16px",
|
|
4965
|
+
"filePath": "src/chat/message.yml",
|
|
4966
|
+
"isSource": true,
|
|
4967
|
+
"original": {
|
|
4968
|
+
"value": "{size-px.m}"
|
|
4969
|
+
},
|
|
4970
|
+
"name": "MessagePaddingX",
|
|
4971
|
+
"attributes": {
|
|
4972
|
+
"category": "message",
|
|
4973
|
+
"type": "padding-x"
|
|
4974
|
+
},
|
|
4975
|
+
"path": [
|
|
4976
|
+
"message",
|
|
4977
|
+
"padding-x"
|
|
4978
|
+
]
|
|
4979
|
+
},
|
|
4980
|
+
"spacing-y": {
|
|
4981
|
+
"value": "0.5rem",
|
|
4982
|
+
"filePath": "src/chat/message.yml",
|
|
4983
|
+
"isSource": true,
|
|
4984
|
+
"original": {
|
|
4985
|
+
"value": "{size-rem.s}"
|
|
4986
|
+
},
|
|
4987
|
+
"name": "MessageSpacingY",
|
|
4988
|
+
"attributes": {
|
|
4989
|
+
"category": "message",
|
|
4990
|
+
"type": "spacing-y"
|
|
4991
|
+
},
|
|
4992
|
+
"path": [
|
|
4993
|
+
"message",
|
|
4994
|
+
"spacing-y"
|
|
4995
|
+
]
|
|
4996
|
+
},
|
|
4997
|
+
"spacing-x": {
|
|
4998
|
+
"value": "1rem",
|
|
4999
|
+
"filePath": "src/chat/message.yml",
|
|
5000
|
+
"isSource": true,
|
|
5001
|
+
"original": {
|
|
5002
|
+
"value": "{size-rem.m}"
|
|
5003
|
+
},
|
|
5004
|
+
"name": "MessageSpacingX",
|
|
5005
|
+
"attributes": {
|
|
5006
|
+
"category": "message",
|
|
5007
|
+
"type": "spacing-x"
|
|
5008
|
+
},
|
|
5009
|
+
"path": [
|
|
5010
|
+
"message",
|
|
5011
|
+
"spacing-x"
|
|
5012
|
+
]
|
|
5013
|
+
},
|
|
5014
|
+
"background-color-responder": {
|
|
5015
|
+
"value": "#E6E6E6",
|
|
5016
|
+
"filePath": "src/chat/message.yml",
|
|
5017
|
+
"isSource": true,
|
|
5018
|
+
"original": {
|
|
5019
|
+
"value": "{color.gray.400}"
|
|
5020
|
+
},
|
|
5021
|
+
"name": "MessageBackgroundColorResponder",
|
|
5022
|
+
"attributes": {
|
|
5023
|
+
"category": "message",
|
|
5024
|
+
"type": "background-color-responder"
|
|
5025
|
+
},
|
|
5026
|
+
"path": [
|
|
5027
|
+
"message",
|
|
5028
|
+
"background-color-responder"
|
|
5029
|
+
]
|
|
5030
|
+
},
|
|
5031
|
+
"background-color-sender": {
|
|
5032
|
+
"value": "#E0EBFF",
|
|
5033
|
+
"filePath": "src/chat/message.yml",
|
|
5034
|
+
"isSource": true,
|
|
5035
|
+
"original": {
|
|
5036
|
+
"value": "{color.hosting-blue.200}"
|
|
5037
|
+
},
|
|
5038
|
+
"name": "MessageBackgroundColorSender",
|
|
5039
|
+
"attributes": {
|
|
5040
|
+
"category": "message",
|
|
5041
|
+
"type": "background-color-sender"
|
|
5042
|
+
},
|
|
5043
|
+
"path": [
|
|
5044
|
+
"message",
|
|
5045
|
+
"background-color-sender"
|
|
5046
|
+
]
|
|
5047
|
+
}
|
|
5048
|
+
},
|
|
4803
5049
|
"primary": {
|
|
4804
5050
|
"color": {
|
|
4805
5051
|
"100": {
|
|
@@ -13618,163 +13864,6 @@
|
|
|
13618
13864
|
]
|
|
13619
13865
|
}
|
|
13620
13866
|
},
|
|
13621
|
-
"message-thread": {
|
|
13622
|
-
"spacing": {
|
|
13623
|
-
"value": "1.5rem",
|
|
13624
|
-
"filePath": "src/content/message-thread.yml",
|
|
13625
|
-
"isSource": true,
|
|
13626
|
-
"original": {
|
|
13627
|
-
"value": "{size-rem.l}"
|
|
13628
|
-
},
|
|
13629
|
-
"name": "MessageThreadSpacing",
|
|
13630
|
-
"attributes": {
|
|
13631
|
-
"category": "message-thread",
|
|
13632
|
-
"type": "spacing"
|
|
13633
|
-
},
|
|
13634
|
-
"path": [
|
|
13635
|
-
"message-thread",
|
|
13636
|
-
"spacing"
|
|
13637
|
-
]
|
|
13638
|
-
},
|
|
13639
|
-
"indentation": {
|
|
13640
|
-
"value": "16px",
|
|
13641
|
-
"filePath": "src/content/message-thread.yml",
|
|
13642
|
-
"isSource": true,
|
|
13643
|
-
"original": {
|
|
13644
|
-
"value": "{size-px.m}"
|
|
13645
|
-
},
|
|
13646
|
-
"name": "MessageThreadIndentation",
|
|
13647
|
-
"attributes": {
|
|
13648
|
-
"category": "message-thread",
|
|
13649
|
-
"type": "indentation"
|
|
13650
|
-
},
|
|
13651
|
-
"path": [
|
|
13652
|
-
"message-thread",
|
|
13653
|
-
"indentation"
|
|
13654
|
-
]
|
|
13655
|
-
}
|
|
13656
|
-
},
|
|
13657
|
-
"message": {
|
|
13658
|
-
"corner-radius": {
|
|
13659
|
-
"value": "4px",
|
|
13660
|
-
"filePath": "src/content/message.yml",
|
|
13661
|
-
"isSource": true,
|
|
13662
|
-
"original": {
|
|
13663
|
-
"value": "{corner-radius.default}"
|
|
13664
|
-
},
|
|
13665
|
-
"name": "MessageCornerRadius",
|
|
13666
|
-
"attributes": {
|
|
13667
|
-
"category": "message",
|
|
13668
|
-
"type": "corner-radius"
|
|
13669
|
-
},
|
|
13670
|
-
"path": [
|
|
13671
|
-
"message",
|
|
13672
|
-
"corner-radius"
|
|
13673
|
-
]
|
|
13674
|
-
},
|
|
13675
|
-
"padding-y": {
|
|
13676
|
-
"value": "8px",
|
|
13677
|
-
"filePath": "src/content/message.yml",
|
|
13678
|
-
"isSource": true,
|
|
13679
|
-
"original": {
|
|
13680
|
-
"value": "{size-px.s}"
|
|
13681
|
-
},
|
|
13682
|
-
"name": "MessagePaddingY",
|
|
13683
|
-
"attributes": {
|
|
13684
|
-
"category": "message",
|
|
13685
|
-
"type": "padding-y"
|
|
13686
|
-
},
|
|
13687
|
-
"path": [
|
|
13688
|
-
"message",
|
|
13689
|
-
"padding-y"
|
|
13690
|
-
]
|
|
13691
|
-
},
|
|
13692
|
-
"padding-x": {
|
|
13693
|
-
"value": "16px",
|
|
13694
|
-
"filePath": "src/content/message.yml",
|
|
13695
|
-
"isSource": true,
|
|
13696
|
-
"original": {
|
|
13697
|
-
"value": "{size-px.m}"
|
|
13698
|
-
},
|
|
13699
|
-
"name": "MessagePaddingX",
|
|
13700
|
-
"attributes": {
|
|
13701
|
-
"category": "message",
|
|
13702
|
-
"type": "padding-x"
|
|
13703
|
-
},
|
|
13704
|
-
"path": [
|
|
13705
|
-
"message",
|
|
13706
|
-
"padding-x"
|
|
13707
|
-
]
|
|
13708
|
-
},
|
|
13709
|
-
"spacing-y": {
|
|
13710
|
-
"value": "0.5rem",
|
|
13711
|
-
"filePath": "src/content/message.yml",
|
|
13712
|
-
"isSource": true,
|
|
13713
|
-
"original": {
|
|
13714
|
-
"value": "{size-rem.s}"
|
|
13715
|
-
},
|
|
13716
|
-
"name": "MessageSpacingY",
|
|
13717
|
-
"attributes": {
|
|
13718
|
-
"category": "message",
|
|
13719
|
-
"type": "spacing-y"
|
|
13720
|
-
},
|
|
13721
|
-
"path": [
|
|
13722
|
-
"message",
|
|
13723
|
-
"spacing-y"
|
|
13724
|
-
]
|
|
13725
|
-
},
|
|
13726
|
-
"spacing-x": {
|
|
13727
|
-
"value": "1rem",
|
|
13728
|
-
"filePath": "src/content/message.yml",
|
|
13729
|
-
"isSource": true,
|
|
13730
|
-
"original": {
|
|
13731
|
-
"value": "{size-rem.m}"
|
|
13732
|
-
},
|
|
13733
|
-
"name": "MessageSpacingX",
|
|
13734
|
-
"attributes": {
|
|
13735
|
-
"category": "message",
|
|
13736
|
-
"type": "spacing-x"
|
|
13737
|
-
},
|
|
13738
|
-
"path": [
|
|
13739
|
-
"message",
|
|
13740
|
-
"spacing-x"
|
|
13741
|
-
]
|
|
13742
|
-
},
|
|
13743
|
-
"background-color-responder": {
|
|
13744
|
-
"value": "#E6E6E6",
|
|
13745
|
-
"filePath": "src/content/message.yml",
|
|
13746
|
-
"isSource": true,
|
|
13747
|
-
"original": {
|
|
13748
|
-
"value": "{color.gray.400}"
|
|
13749
|
-
},
|
|
13750
|
-
"name": "MessageBackgroundColorResponder",
|
|
13751
|
-
"attributes": {
|
|
13752
|
-
"category": "message",
|
|
13753
|
-
"type": "background-color-responder"
|
|
13754
|
-
},
|
|
13755
|
-
"path": [
|
|
13756
|
-
"message",
|
|
13757
|
-
"background-color-responder"
|
|
13758
|
-
]
|
|
13759
|
-
},
|
|
13760
|
-
"background-color-sender": {
|
|
13761
|
-
"value": "#E0EBFF",
|
|
13762
|
-
"filePath": "src/content/message.yml",
|
|
13763
|
-
"isSource": true,
|
|
13764
|
-
"original": {
|
|
13765
|
-
"value": "{color.hosting-blue.200}"
|
|
13766
|
-
},
|
|
13767
|
-
"name": "MessageBackgroundColorSender",
|
|
13768
|
-
"attributes": {
|
|
13769
|
-
"category": "message",
|
|
13770
|
-
"type": "background-color-sender"
|
|
13771
|
-
},
|
|
13772
|
-
"path": [
|
|
13773
|
-
"message",
|
|
13774
|
-
"background-color-sender"
|
|
13775
|
-
]
|
|
13776
|
-
}
|
|
13777
|
-
},
|
|
13778
13867
|
"text": {
|
|
13779
13868
|
"color": {
|
|
13780
13869
|
"default": {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mittwald/flow-design-tokens",
|
|
3
|
-
"version": "0.2.0-alpha.
|
|
3
|
+
"version": "0.2.0-alpha.55",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "The design tokens used in Flow, mittwald’s design system",
|
|
6
6
|
"homepage": "https://github.com/mittwald/flow/tree/main/packages/design-tokens",
|
|
@@ -24,5 +24,5 @@
|
|
|
24
24
|
"rimraf": "^6.0.1",
|
|
25
25
|
"style-dictionary": "^4.3.3"
|
|
26
26
|
},
|
|
27
|
-
"gitHead": "
|
|
27
|
+
"gitHead": "11a0bb5d74db0aea1d5cbd0ed5c974db7c37c13d"
|
|
28
28
|
}
|