@mittwald/flow-design-tokens 0.2.0-alpha.54 → 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.
@@ -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,8 +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
457
  --text--blockquote-border-style: var(--border-style--default);
449
458
  --text--blockquote-padding: var(--size-rem--s);
450
459
  --text--list-padding: var(--size-rem--l);
@@ -481,14 +490,6 @@
481
490
  --switch--label-to-track-spacing: var(--size-rem--s);
482
491
  --switch--track-padding: var(--size-rem--xxs);
483
492
  --time-field--date-segment-corner-radius: var(--size-px--xs);
484
- --message-separator--font-size: var(--font-size-text--s);
485
- --message-separator--padding: var(--size-px--m);
486
- --message--padding-y: var(--size-px--s);
487
- --message--padding-x: var(--size-px--m);
488
- --message--spacing-y: var(--size-rem--s);
489
- --message--spacing-x: var(--size-rem--m);
490
- --message--background-color-responder: var(--color--gray--400);
491
- --message--background-color-sender: var(--color--hosting-blue--200);
492
493
  --breadcrumb--color-light--default: var(--light--color--800);
493
494
  --breadcrumb--color-light--hover: var(--light--color--700);
494
495
  --breadcrumb--color-light--pressed: var(--light--color--600);
@@ -775,6 +776,9 @@
775
776
  --menu-item--icon-color--default: var(--neutral--color--800);
776
777
  --menu-item--icon-color--current: var(--primary--color--800);
777
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);
778
782
  --primary-solid-background-color--default: var(--primary--color--800);
779
783
  --primary-solid-background-color--hover: var(--primary--color--900);
780
784
  --primary-solid-background-color--pressed: var(--primary--color--1000);
@@ -928,9 +932,6 @@
928
932
  --switch--handle-color--disabled: var(--neutral--color--500);
929
933
  --switch--handle-background-color--default: var(--neutral--color--100);
930
934
  --switch--handle-background-color--disabled: var(--neutral--color--300);
931
- --message-separator--background-color: var(--neutral--color--100);
932
- --message-separator--color: var(--neutral--color--800);
933
- --message--corner-radius: var(--corner-radius--default);
934
935
  --breadcrumb--color-primary--default: var(--primary--color--1000);
935
936
  --breadcrumb--color-primary--hover: var(--primary--color--900);
936
937
  --breadcrumb--color-primary--pressed: var(--primary--color--800);
@@ -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,42 +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
13867
  "text": {
13658
13868
  "color": {
13659
13869
  "default": {
@@ -15743,197 +15953,6 @@
15743
15953
  ]
15744
15954
  }
15745
15955
  },
15746
- "message-separator": {
15747
- "background-color": {
15748
- "value": "#FFFFFF",
15749
- "filePath": "src/message/message-separator.yml",
15750
- "isSource": true,
15751
- "original": {
15752
- "value": "{neutral.color.100}"
15753
- },
15754
- "name": "MessageSeparatorBackgroundColor",
15755
- "attributes": {
15756
- "category": "message-separator",
15757
- "type": "background-color"
15758
- },
15759
- "path": [
15760
- "message-separator",
15761
- "background-color"
15762
- ]
15763
- },
15764
- "font-size": {
15765
- "value": "0.875rem",
15766
- "filePath": "src/message/message-separator.yml",
15767
- "isSource": true,
15768
- "original": {
15769
- "value": "{font-size-text.s}"
15770
- },
15771
- "name": "MessageSeparatorFontSize",
15772
- "attributes": {
15773
- "category": "message-separator",
15774
- "type": "font-size"
15775
- },
15776
- "path": [
15777
- "message-separator",
15778
- "font-size"
15779
- ]
15780
- },
15781
- "padding": {
15782
- "value": "16px",
15783
- "filePath": "src/message/message-separator.yml",
15784
- "isSource": true,
15785
- "original": {
15786
- "value": "{size-px.m}"
15787
- },
15788
- "name": "MessageSeparatorPadding",
15789
- "attributes": {
15790
- "category": "message-separator",
15791
- "type": "padding"
15792
- },
15793
- "path": [
15794
- "message-separator",
15795
- "padding"
15796
- ]
15797
- },
15798
- "color": {
15799
- "value": "#6D6D6D",
15800
- "filePath": "src/message/message-separator.yml",
15801
- "isSource": true,
15802
- "original": {
15803
- "value": "{neutral.color.800}"
15804
- },
15805
- "name": "MessageSeparatorColor",
15806
- "attributes": {
15807
- "category": "message-separator",
15808
- "type": "color"
15809
- },
15810
- "path": [
15811
- "message-separator",
15812
- "color"
15813
- ]
15814
- }
15815
- },
15816
- "message": {
15817
- "corner-radius": {
15818
- "value": "4px",
15819
- "filePath": "src/message/message.yml",
15820
- "isSource": true,
15821
- "original": {
15822
- "value": "{corner-radius.default}"
15823
- },
15824
- "name": "MessageCornerRadius",
15825
- "attributes": {
15826
- "category": "message",
15827
- "type": "corner-radius"
15828
- },
15829
- "path": [
15830
- "message",
15831
- "corner-radius"
15832
- ]
15833
- },
15834
- "padding-y": {
15835
- "value": "8px",
15836
- "filePath": "src/message/message.yml",
15837
- "isSource": true,
15838
- "original": {
15839
- "value": "{size-px.s}"
15840
- },
15841
- "name": "MessagePaddingY",
15842
- "attributes": {
15843
- "category": "message",
15844
- "type": "padding-y"
15845
- },
15846
- "path": [
15847
- "message",
15848
- "padding-y"
15849
- ]
15850
- },
15851
- "padding-x": {
15852
- "value": "16px",
15853
- "filePath": "src/message/message.yml",
15854
- "isSource": true,
15855
- "original": {
15856
- "value": "{size-px.m}"
15857
- },
15858
- "name": "MessagePaddingX",
15859
- "attributes": {
15860
- "category": "message",
15861
- "type": "padding-x"
15862
- },
15863
- "path": [
15864
- "message",
15865
- "padding-x"
15866
- ]
15867
- },
15868
- "spacing-y": {
15869
- "value": "0.5rem",
15870
- "filePath": "src/message/message.yml",
15871
- "isSource": true,
15872
- "original": {
15873
- "value": "{size-rem.s}"
15874
- },
15875
- "name": "MessageSpacingY",
15876
- "attributes": {
15877
- "category": "message",
15878
- "type": "spacing-y"
15879
- },
15880
- "path": [
15881
- "message",
15882
- "spacing-y"
15883
- ]
15884
- },
15885
- "spacing-x": {
15886
- "value": "1rem",
15887
- "filePath": "src/message/message.yml",
15888
- "isSource": true,
15889
- "original": {
15890
- "value": "{size-rem.m}"
15891
- },
15892
- "name": "MessageSpacingX",
15893
- "attributes": {
15894
- "category": "message",
15895
- "type": "spacing-x"
15896
- },
15897
- "path": [
15898
- "message",
15899
- "spacing-x"
15900
- ]
15901
- },
15902
- "background-color-responder": {
15903
- "value": "#E6E6E6",
15904
- "filePath": "src/message/message.yml",
15905
- "isSource": true,
15906
- "original": {
15907
- "value": "{color.gray.400}"
15908
- },
15909
- "name": "MessageBackgroundColorResponder",
15910
- "attributes": {
15911
- "category": "message",
15912
- "type": "background-color-responder"
15913
- },
15914
- "path": [
15915
- "message",
15916
- "background-color-responder"
15917
- ]
15918
- },
15919
- "background-color-sender": {
15920
- "value": "#E0EBFF",
15921
- "filePath": "src/message/message.yml",
15922
- "isSource": true,
15923
- "original": {
15924
- "value": "{color.hosting-blue.200}"
15925
- },
15926
- "name": "MessageBackgroundColorSender",
15927
- "attributes": {
15928
- "category": "message",
15929
- "type": "background-color-sender"
15930
- },
15931
- "path": [
15932
- "message",
15933
- "background-color-sender"
15934
- ]
15935
- }
15936
- },
15937
15956
  "breadcrumb": {
15938
15957
  "color-primary": {
15939
15958
  "default": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mittwald/flow-design-tokens",
3
- "version": "0.2.0-alpha.54",
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": "ad7320572cb86d0a5350f07bfa2ee4c03e85b21f"
27
+ "gitHead": "11a0bb5d74db0aea1d5cbd0ed5c974db7c37c13d"
28
28
  }