@dialpad/dialtone-tokens 1.43.3 → 1.44.1

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.
Files changed (202) hide show
  1. package/dist/android/java/tokens-aegean-dark.kt +133 -0
  2. package/dist/android/java/tokens-aegean-light.kt +133 -0
  3. package/dist/android/java/tokens-botany-dark.kt +134 -0
  4. package/dist/android/java/tokens-botany-light.kt +132 -0
  5. package/dist/android/java/tokens-buttercream-dark.kt +134 -0
  6. package/dist/android/java/tokens-buttercream-light.kt +723 -0
  7. package/dist/android/java/tokens-ceruleo-dark.kt +136 -0
  8. package/dist/android/java/tokens-ceruleo-default.kt +136 -0
  9. package/dist/android/java/tokens-deca-dark.kt +4 -422
  10. package/dist/android/java/tokens-deca-light.kt +4 -423
  11. package/dist/android/java/tokens-dp-dark.kt +142 -1
  12. package/dist/android/java/tokens-dp-light.kt +143 -3
  13. package/dist/android/java/tokens-expressive-dark.kt +138 -1
  14. package/dist/android/java/tokens-expressive-light.kt +143 -3
  15. package/dist/android/java/tokens-expressive-sm-dark.kt +142 -1
  16. package/dist/android/java/tokens-expressive-sm-light.kt +143 -3
  17. package/dist/android/java/tokens-high-desert-dark.kt +133 -0
  18. package/dist/android/java/tokens-high-desert-light.kt +133 -0
  19. package/dist/android/java/tokens-melon-dark.kt +133 -0
  20. package/dist/android/java/tokens-melon-light.kt +133 -0
  21. package/dist/android/java/tokens-plum-dark.kt +132 -0
  22. package/dist/android/java/tokens-plum-light.kt +132 -0
  23. package/dist/android/java/tokens-sunflower-dark.kt +133 -0
  24. package/dist/android/java/tokens-sunflower-light.kt +133 -0
  25. package/dist/android/java/tokens-tmo-dark.kt +184 -43
  26. package/dist/android/java/tokens-tmo-light.kt +185 -45
  27. package/dist/android/java/tokens-verdant-haze-dark.kt +134 -0
  28. package/dist/android/java/tokens-verdant-haze-light.kt +134 -0
  29. package/dist/android/res/values/colors-aegean-dark.xml +63 -0
  30. package/dist/android/res/values/colors-aegean-light.xml +63 -0
  31. package/dist/android/res/values/colors-botany-dark.xml +64 -0
  32. package/dist/android/res/values/colors-botany-light.xml +62 -0
  33. package/dist/android/res/values/colors-buttercream-dark.xml +64 -0
  34. package/dist/android/res/values/colors-buttercream-light.xml +455 -0
  35. package/dist/android/res/values/colors-ceruleo-dark.xml +66 -0
  36. package/dist/android/res/values/colors-ceruleo-default.xml +66 -0
  37. package/dist/android/res/values/colors-deca-dark.xml +4 -224
  38. package/dist/android/res/values/colors-deca-light.xml +4 -225
  39. package/dist/android/res/values/colors-dp-dark.xml +142 -1
  40. package/dist/android/res/values/colors-dp-light.xml +143 -3
  41. package/dist/android/res/values/colors-expressive-dark.xml +138 -1
  42. package/dist/android/res/values/colors-expressive-light.xml +143 -3
  43. package/dist/android/res/values/colors-expressive-sm-dark.xml +142 -1
  44. package/dist/android/res/values/colors-expressive-sm-light.xml +143 -3
  45. package/dist/android/res/values/colors-high-desert-dark.xml +63 -0
  46. package/dist/android/res/values/colors-high-desert-light.xml +63 -0
  47. package/dist/android/res/values/colors-melon-dark.xml +63 -0
  48. package/dist/android/res/values/colors-melon-light.xml +63 -0
  49. package/dist/android/res/values/colors-plum-dark.xml +62 -0
  50. package/dist/android/res/values/colors-plum-light.xml +62 -0
  51. package/dist/android/res/values/colors-sunflower-dark.xml +63 -0
  52. package/dist/android/res/values/colors-sunflower-light.xml +63 -0
  53. package/dist/android/res/values/colors-tmo-dark.xml +184 -43
  54. package/dist/android/res/values/colors-tmo-light.xml +185 -45
  55. package/dist/android/res/values/colors-verdant-haze-dark.xml +64 -0
  56. package/dist/android/res/values/colors-verdant-haze-light.xml +64 -0
  57. package/dist/android/res/values/dimens.xml +32 -219
  58. package/dist/css/tokens-aegean-dark.css +467 -0
  59. package/dist/css/tokens-aegean-light.css +467 -0
  60. package/dist/css/tokens-base-dark.css +8 -8
  61. package/dist/css/tokens-base-deca-dark.css +8 -8
  62. package/dist/css/tokens-botany-dark.css +474 -0
  63. package/dist/css/tokens-botany-light.css +460 -0
  64. package/dist/css/tokens-buttercream-dark.css +474 -0
  65. package/dist/css/tokens-buttercream-light.css +3476 -0
  66. package/dist/css/tokens-ceruleo-dark.css +488 -0
  67. package/dist/css/tokens-ceruleo-default.css +488 -0
  68. package/dist/css/tokens-debug-dp.css +986 -6
  69. package/dist/css/tokens-deca-dark.css +41 -1846
  70. package/dist/css/tokens-deca-light.css +62 -1874
  71. package/dist/css/tokens-dp-dark.css +994 -7
  72. package/dist/css/tokens-dp-light.css +1001 -21
  73. package/dist/css/tokens-expressive-dark.css +966 -7
  74. package/dist/css/tokens-expressive-light.css +1001 -21
  75. package/dist/css/tokens-expressive-sm-dark.css +994 -7
  76. package/dist/css/tokens-expressive-sm-light.css +1001 -21
  77. package/dist/css/tokens-high-desert-dark.css +467 -0
  78. package/dist/css/tokens-high-desert-light.css +467 -0
  79. package/dist/css/tokens-melon-dark.css +467 -0
  80. package/dist/css/tokens-melon-light.css +467 -0
  81. package/dist/css/tokens-plum-dark.css +460 -0
  82. package/dist/css/tokens-plum-light.css +460 -0
  83. package/dist/css/tokens-sunflower-dark.css +467 -0
  84. package/dist/css/tokens-sunflower-light.css +467 -0
  85. package/dist/css/tokens-tmo-dark.css +1285 -298
  86. package/dist/css/tokens-tmo-light.css +1295 -315
  87. package/dist/css/tokens-verdant-haze-dark.css +474 -0
  88. package/dist/css/tokens-verdant-haze-light.css +474 -0
  89. package/dist/doc.json +190860 -118176
  90. package/dist/ios/tokens-aegean-dark.swift +130 -0
  91. package/dist/ios/tokens-aegean-light.swift +130 -0
  92. package/dist/ios/tokens-botany-dark.swift +131 -0
  93. package/dist/ios/tokens-botany-light.swift +129 -0
  94. package/dist/ios/tokens-buttercream-dark.swift +131 -0
  95. package/dist/ios/tokens-buttercream-light.swift +720 -0
  96. package/dist/ios/tokens-ceruleo-dark.swift +133 -0
  97. package/dist/ios/tokens-ceruleo-default.swift +133 -0
  98. package/dist/ios/tokens-deca-dark.swift +4 -422
  99. package/dist/ios/tokens-deca-light.swift +4 -423
  100. package/dist/ios/tokens-dp-dark.swift +142 -1
  101. package/dist/ios/tokens-dp-light.swift +143 -3
  102. package/dist/ios/tokens-expressive-dark.swift +138 -1
  103. package/dist/ios/tokens-expressive-light.swift +143 -3
  104. package/dist/ios/tokens-expressive-sm-dark.swift +142 -1
  105. package/dist/ios/tokens-expressive-sm-light.swift +143 -3
  106. package/dist/ios/tokens-high-desert-dark.swift +130 -0
  107. package/dist/ios/tokens-high-desert-light.swift +130 -0
  108. package/dist/ios/tokens-melon-dark.swift +130 -0
  109. package/dist/ios/tokens-melon-light.swift +130 -0
  110. package/dist/ios/tokens-plum-dark.swift +129 -0
  111. package/dist/ios/tokens-plum-light.swift +129 -0
  112. package/dist/ios/tokens-sunflower-dark.swift +130 -0
  113. package/dist/ios/tokens-sunflower-light.swift +130 -0
  114. package/dist/ios/tokens-tmo-dark.swift +184 -43
  115. package/dist/ios/tokens-tmo-light.swift +185 -45
  116. package/dist/ios/tokens-verdant-haze-dark.swift +131 -0
  117. package/dist/ios/tokens-verdant-haze-light.swift +131 -0
  118. package/dist/less/tokens-aegean-dark.less +122 -0
  119. package/dist/less/tokens-aegean-light.less +122 -0
  120. package/dist/less/tokens-base-dark.less +8 -8
  121. package/dist/less/tokens-base-deca-dark.less +8 -8
  122. package/dist/less/tokens-botany-dark.less +123 -0
  123. package/dist/less/tokens-botany-light.less +121 -0
  124. package/dist/less/tokens-buttercream-dark.less +123 -0
  125. package/dist/less/tokens-buttercream-light.less +714 -0
  126. package/dist/less/tokens-ceruleo-dark.less +125 -0
  127. package/dist/less/tokens-ceruleo-default.less +125 -0
  128. package/dist/less/tokens-deca-dark.less +16 -436
  129. package/dist/less/tokens-deca-light.less +36 -457
  130. package/dist/less/tokens-dp-dark.less +160 -19
  131. package/dist/less/tokens-dp-light.less +143 -3
  132. package/dist/less/tokens-expressive-dark.less +156 -19
  133. package/dist/less/tokens-expressive-light.less +143 -3
  134. package/dist/less/tokens-expressive-sm-dark.less +160 -19
  135. package/dist/less/tokens-expressive-sm-light.less +143 -3
  136. package/dist/less/tokens-high-desert-dark.less +122 -0
  137. package/dist/less/tokens-high-desert-light.less +122 -0
  138. package/dist/less/tokens-melon-dark.less +122 -0
  139. package/dist/less/tokens-melon-light.less +122 -0
  140. package/dist/less/tokens-plum-dark.less +121 -0
  141. package/dist/less/tokens-plum-light.less +121 -0
  142. package/dist/less/tokens-sunflower-dark.less +122 -0
  143. package/dist/less/tokens-sunflower-light.less +122 -0
  144. package/dist/less/tokens-tmo-dark.less +201 -60
  145. package/dist/less/tokens-tmo-light.less +185 -45
  146. package/dist/less/tokens-verdant-haze-dark.less +123 -0
  147. package/dist/less/tokens-verdant-haze-light.less +123 -0
  148. package/dist/themes/chunks/{tokens-base-dark-CLL9Sz8C.js → tokens-base-dark-CsHhZ6Yf.js} +1 -1
  149. package/dist/themes/chunks/{tokens-base-dark-CKvoqrK2.js → tokens-base-dark-Db7N5w7K.js} +1 -1
  150. package/dist/themes/debug.cjs +1 -1
  151. package/dist/themes/debug.js +1 -1
  152. package/dist/themes/dp-dark.cjs +1 -1
  153. package/dist/themes/dp-dark.js +3 -3
  154. package/dist/themes/dp-deca-dark.cjs +1 -1
  155. package/dist/themes/dp-deca-dark.js +3 -3
  156. package/dist/themes/dp-deca-light.cjs +1 -1
  157. package/dist/themes/dp-deca-light.js +4 -4
  158. package/dist/themes/dp-light.cjs +1 -1
  159. package/dist/themes/dp-light.js +2 -2
  160. package/dist/themes/expressive-dark.cjs +1 -1
  161. package/dist/themes/expressive-dark.js +2 -2
  162. package/dist/themes/expressive-light.cjs +1 -1
  163. package/dist/themes/expressive-light.js +1 -1
  164. package/dist/themes/expressive-sm-dark.cjs +1 -1
  165. package/dist/themes/expressive-sm-dark.js +2 -2
  166. package/dist/themes/expressive-sm-light.cjs +1 -1
  167. package/dist/themes/expressive-sm-light.js +1 -1
  168. package/dist/themes/tmo-dark.cjs +1 -1
  169. package/dist/themes/tmo-dark.js +3 -3
  170. package/dist/themes/tmo-light.cjs +1 -1
  171. package/dist/themes/tmo-light.js +2 -2
  172. package/dist/tokens-aegean-dark.json +121 -0
  173. package/dist/tokens-aegean-light.json +121 -0
  174. package/dist/tokens-base-dark.json +8 -8
  175. package/dist/tokens-base-deca-dark.json +8 -8
  176. package/dist/tokens-botany-dark.json +122 -0
  177. package/dist/tokens-botany-light.json +120 -0
  178. package/dist/tokens-buttercream-dark.json +122 -0
  179. package/dist/tokens-buttercream-light.json +713 -0
  180. package/dist/tokens-ceruleo-dark.json +124 -0
  181. package/dist/tokens-ceruleo-default.json +124 -0
  182. package/dist/tokens-deca-dark.json +5 -425
  183. package/dist/tokens-deca-light.json +4 -425
  184. package/dist/tokens-dp-dark.json +166 -25
  185. package/dist/tokens-dp-light.json +143 -3
  186. package/dist/tokens-expressive-dark.json +162 -25
  187. package/dist/tokens-expressive-light.json +143 -3
  188. package/dist/tokens-expressive-sm-dark.json +166 -25
  189. package/dist/tokens-expressive-sm-light.json +143 -3
  190. package/dist/tokens-high-desert-dark.json +121 -0
  191. package/dist/tokens-high-desert-light.json +121 -0
  192. package/dist/tokens-melon-dark.json +121 -0
  193. package/dist/tokens-melon-light.json +121 -0
  194. package/dist/tokens-plum-dark.json +120 -0
  195. package/dist/tokens-plum-light.json +120 -0
  196. package/dist/tokens-sunflower-dark.json +121 -0
  197. package/dist/tokens-sunflower-light.json +121 -0
  198. package/dist/tokens-tmo-dark.json +206 -65
  199. package/dist/tokens-tmo-light.json +185 -45
  200. package/dist/tokens-verdant-haze-dark.json +122 -0
  201. package/dist/tokens-verdant-haze-light.json +122 -0
  202. package/package.json +2 -2
package/dist/less/tokens-high-desert-light.less ADDED
@@ -0,0 +1,122 @@
1
+
2
+ // Do not edit directly, this file was auto-generated.
3
+
4
+ @dt-typography-button-xs-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for extra small button
5
+ @dt-typography-button-xs-font-weight: 600; // Text style for extra small button
6
+ @dt-typography-button-xs-font-size: 12px; // Text style for extra small button
7
+ @dt-typography-button-xs-line-height: 1.2; // Text style for extra small button
8
+ @dt-typography-button-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for small button
9
+ @dt-typography-button-sm-font-weight: 600; // Text style for small button
10
+ @dt-typography-button-sm-font-size: 12px; // Text style for small button
11
+ @dt-typography-button-sm-line-height: 1.2; // Text style for small button
12
+ @dt-typography-button-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for medium button
13
+ @dt-typography-button-md-font-weight: 600; // Text style for medium button
14
+ @dt-typography-button-md-font-size: 15px; // Text style for medium button
15
+ @dt-typography-button-md-line-height: 1.2; // Text style for medium button
16
+ @dt-typography-button-lg-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for large button
17
+ @dt-typography-button-lg-font-weight: 500; // Text style for large button
18
+ @dt-typography-button-lg-font-size: 19px; // Text style for large button
19
+ @dt-typography-button-lg-line-height: 1.2; // Text style for large button
20
+ @dt-typography-button-xl-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for extra large button
21
+ @dt-typography-button-xl-font-weight: 400; // Text style for extra large button
22
+ @dt-typography-button-xl-font-size: 27px; // Text style for extra large button
23
+ @dt-typography-button-xl-line-height: 1.2; // Text style for extra large button
24
+ @dt-shell-base-color-surface: #ECE2CE;
25
+ @dt-shell-base-color-foreground: #223300;
26
+ @dt-shell-base-color-border: #141f00;
27
+ @dt-shell-base-color-accent: #E45C10;
28
+ @dt-shell-base-action-color-background-primary: #7A5608;
29
+ @dt-shell-base-action-color-background-secondary: #7A5608;
30
+ @dt-shell-base-action-color-background-muted: #7A5608;
31
+ @dt-avatar-color-foreground: #000000;
32
+ @dt-avatar-color-background-100: #1aa340;
33
+ @dt-avatar-color-background-200: #aaff83;
34
+ @dt-avatar-color-background-300: #adea88;
35
+ @dt-avatar-color-background-400: #77eca6;
36
+ @dt-avatar-color-background-500: #7aedbd;
37
+ @dt-avatar-color-background-600: #77deec;
38
+ @dt-avatar-color-background-700: #5ed8ff;
39
+ @dt-avatar-color-background-800: #99e7ff;
40
+ @dt-avatar-color-background-900: #51a0fe;
41
+ @dt-avatar-color-background-1000: #b6cfff;
42
+ @dt-avatar-color-background-1100: #f1b7e8;
43
+ @dt-avatar-color-background-1200: #ec77bd;
44
+ @dt-avatar-color-background-1300: #ff67be;
45
+ @dt-avatar-color-background-1400: #f87e7e;
46
+ @dt-avatar-color-background-1500: #eca877;
47
+ @dt-avatar-color-background-1600: #ffbe41;
48
+ @dt-avatar-color-background-1700: #ffd646;
49
+ @dt-avatar-color-background-1800: #f1dab7;
50
+ @dt-avatar-color-background-000: #e0e0e0;
51
+ @dt-badge-color-background-default: hsl(0 0% 11% / 0.1);
52
+ @dt-badge-color-background-info: #BDE8FF;
53
+ @dt-badge-color-background-success: #DBFFA9;
54
+ @dt-badge-color-background-warning: #FFE89C;
55
+ @dt-badge-color-background-critical: #FFABA4;
56
+ @dt-badge-color-background-bulletin: #7C52FF;
57
+ @dt-badge-color-background-bulletin-subtle: #D3BCFF;
58
+ @dt-badge-color-background-ai: linear-gradient(135deg, #471571 0%, #551B84 3.08%, #7C229E 14.48%, #9024A4 23.67%, #B02290 35.5%, #D32B86 48.3%, #E92F6F 60.29%, #F6484F 70.08%, #FB7328 90.02%, #F3960F 97.29%, #F3960F 100%);
59
+ @dt-badge-color-foreground-default: #000000;
60
+ @dt-badge-color-foreground-bulletin: #ffffff;
61
+ @dt-badge-color-foreground-bulletin-subtle: #3A1D95;
62
+ @dt-badge-color-foreground-ai: #ffffff;
63
+ @dt-badge-color-border-default: hsl(0 0% 11% / 0.11);
64
+ @dt-badge-color-border-bulletin-subtle: hsl(255 100% 66.1% / 0.5);
65
+ @dt-button-font-size-xs: 12px; // Extra small Button text size
66
+ @dt-button-font-size-sm: 12px; // Small Button text size
67
+ @dt-button-font-size-md: 15px; // Medium Button text size
68
+ @dt-button-font-size-lg: 19px; // Large Button text size
69
+ @dt-button-font-size-xl: 27px; // Extra large Button text size
70
+ @dt-button-font-weight-xs: 600; // Font weight for XS button
71
+ @dt-button-font-weight-sm: 600; // Font weight for SM button
72
+ @dt-button-font-weight-md: 600; // Font weight for MD button
73
+ @dt-button-font-weight-lg: 500; // Font weight for LG button
74
+ @dt-button-font-weight-xl: 400; // Font weight for XL button
75
+ @dt-button-line-height-xs: 1.2; // Line-height for XS button
76
+ @dt-button-line-height-sm: 1.2; // Line-height for SM button
77
+ @dt-button-line-height-md: 1.2; // Line-height for MD button
78
+ @dt-button-line-height-lg: 1.2; // Line-height for LG button
79
+ @dt-button-line-height-xl: 1.2; // Line-height for XL button
80
+ @dt-button-size-radius-xs: 0.4rem; // Border radius for extra small button
81
+ @dt-button-size-radius-sm: 0.8rem; // Border radius for small button
82
+ @dt-button-size-radius-md: 0.8rem; // Border radius for medium button.
83
+ @dt-button-size-radius-lg: 1.2rem; // Border radius for large button.
84
+ @dt-button-size-radius-xl: 1.6rem; // Border radius for extra large button.
85
+ @dt-checkbox-size-width: 1.6rem;
86
+ @dt-checkbox-size-height: 1.6rem;
87
+ @dt-checkbox-size-radius: 0.4rem;
88
+ @dt-checkbox-color-border-unchecked: hsl(0 0% 11% / 0.3);
89
+ @dt-checkbox-color-border-unchecked-hover: hsl(0 0% 11% / 0.5);
90
+ @dt-checkbox-color-border-checked: #7C52FF;
91
+ @dt-checkbox-color-background-checked: #7C52FF;
92
+ @dt-checkbox-color-foreground-default: transparent;
93
+ @dt-checkbox-color-foreground-checked: #F9F9F9;
94
+ @dt-icon-size-100: 12px;
95
+ @dt-icon-size-200: 14px;
96
+ @dt-icon-size-300: 18px;
97
+ @dt-icon-size-400: 20px;
98
+ @dt-icon-size-500: 24px;
99
+ @dt-icon-size-600: 32px;
100
+ @dt-icon-size-700: 38px;
101
+ @dt-icon-size-800: 48px;
102
+ @dt-icon-size-border-100: 0.1rem;
103
+ @dt-icon-size-border-200: 0.125rem;
104
+ @dt-icon-size-border-300: 0.15rem;
105
+ @dt-icon-size-border-400: 0.175rem;
106
+ @dt-icon-size-border-500: 0.175rem;
107
+ @dt-icon-size-border-600: 0.25rem;
108
+ @dt-icon-size-border-700: 0.275rem;
109
+ @dt-icon-size-border-800: 0.35rem;
110
+ @dt-presence-color-available: #2EA834;
111
+ @dt-presence-color-unavailable: #D90A45;
112
+ @dt-presence-color-busy: #FF9E0E;
113
+ @dt-presence-color-offline: #808080;
114
+ @dt-radio-size-width: 1.6rem;
115
+ @dt-radio-size-height: 1.6rem;
116
+ @dt-radio-size-radius: 50%;
117
+ @dt-radio-color-border-unchecked: hsl(0 0% 11% / 0.3);
118
+ @dt-radio-color-border-unchecked-hover: hsl(0 0% 11% / 0.5);
119
+ @dt-radio-color-border-checked: #7C52FF;
120
+ @dt-radio-color-background-checked: #7C52FF;
121
+ @dt-radio-color-foreground-default: transparent;
122
+ @dt-radio-color-foreground-checked: #F9F9F9;
package/dist/less/tokens-melon-dark.less ADDED
@@ -0,0 +1,122 @@
1
+
2
+ // Do not edit directly, this file was auto-generated.
3
+
4
+ @dt-typography-button-xs-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for extra small button
5
+ @dt-typography-button-xs-font-weight: 600; // Text style for extra small button
6
+ @dt-typography-button-xs-font-size: 12px; // Text style for extra small button
7
+ @dt-typography-button-xs-line-height: 1.2; // Text style for extra small button
8
+ @dt-typography-button-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for small button
9
+ @dt-typography-button-sm-font-weight: 600; // Text style for small button
10
+ @dt-typography-button-sm-font-size: 12px; // Text style for small button
11
+ @dt-typography-button-sm-line-height: 1.2; // Text style for small button
12
+ @dt-typography-button-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for medium button
13
+ @dt-typography-button-md-font-weight: 600; // Text style for medium button
14
+ @dt-typography-button-md-font-size: 15px; // Text style for medium button
15
+ @dt-typography-button-md-line-height: 1.2; // Text style for medium button
16
+ @dt-typography-button-lg-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for large button
17
+ @dt-typography-button-lg-font-weight: 500; // Text style for large button
18
+ @dt-typography-button-lg-font-size: 19px; // Text style for large button
19
+ @dt-typography-button-lg-line-height: 1.2; // Text style for large button
20
+ @dt-typography-button-xl-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for extra large button
21
+ @dt-typography-button-xl-font-weight: 400; // Text style for extra large button
22
+ @dt-typography-button-xl-font-size: 27px; // Text style for extra large button
23
+ @dt-typography-button-xl-line-height: 1.2; // Text style for extra large button
24
+ @dt-shell-base-color-surface: #190826;
25
+ @dt-shell-base-color-foreground: #FFF0FE;
26
+ @dt-shell-base-color-border: #FFE6FD;
27
+ @dt-shell-base-color-accent: #FFB1CF;
28
+ @dt-shell-base-action-color-background-primary: #FFE6FD;
29
+ @dt-shell-base-action-color-background-secondary: #FFE6FD;
30
+ @dt-shell-base-action-color-background-muted: #FFE6FD;
31
+ @dt-avatar-color-foreground: #000000;
32
+ @dt-avatar-color-background-100: #1aa340;
33
+ @dt-avatar-color-background-200: #aaff83;
34
+ @dt-avatar-color-background-300: #adea88;
35
+ @dt-avatar-color-background-400: #77eca6;
36
+ @dt-avatar-color-background-500: #7aedbd;
37
+ @dt-avatar-color-background-600: #77deec;
38
+ @dt-avatar-color-background-700: #5ed8ff;
39
+ @dt-avatar-color-background-800: #99e7ff;
40
+ @dt-avatar-color-background-900: #51a0fe;
41
+ @dt-avatar-color-background-1000: #b6cfff;
42
+ @dt-avatar-color-background-1100: #f1b7e8;
43
+ @dt-avatar-color-background-1200: #ec77bd;
44
+ @dt-avatar-color-background-1300: #ff67be;
45
+ @dt-avatar-color-background-1400: #f87e7e;
46
+ @dt-avatar-color-background-1500: #eca877;
47
+ @dt-avatar-color-background-1600: #ffbe41;
48
+ @dt-avatar-color-background-1700: #ffd646;
49
+ @dt-avatar-color-background-1800: #f1dab7;
50
+ @dt-avatar-color-background-000: #e0e0e0;
51
+ @dt-badge-color-background-default: hsl(0 0% 90.2% / 0.18);
52
+ @dt-badge-color-background-info: #003165;
53
+ @dt-badge-color-background-success: #004F2E;
54
+ @dt-badge-color-background-warning: #533204;
55
+ @dt-badge-color-background-critical: #640823;
56
+ @dt-badge-color-background-bulletin: #BBA6FC;
57
+ @dt-badge-color-background-bulletin-subtle: #3A1D95;
58
+ @dt-badge-color-background-ai: linear-gradient(135deg, #471571 0%, #551B84 3.08%, #7C229E 14.48%, #9024A4 23.67%, #B02290 35.5%, #D32B86 48.3%, #E92F6F 60.29%, #F6484F 74%, #FB7328 93%, #F3960F 98%, #F3960F 100%);
59
+ @dt-badge-color-foreground-default: #FFFFFF;
60
+ @dt-badge-color-foreground-bulletin: #000000;
61
+ @dt-badge-color-foreground-bulletin-subtle: hsl(0 0% 90.2%);
62
+ @dt-badge-color-foreground-ai: #ffffff;
63
+ @dt-badge-color-border-default: hsl(0 0% 100% / 0.14);
64
+ @dt-badge-color-border-bulletin-subtle: hsl(253 95.9% 71.6% / 0.6);
65
+ @dt-button-font-size-xs: 12px; // Extra small Button text size
66
+ @dt-button-font-size-sm: 12px; // Small Button text size
67
+ @dt-button-font-size-md: 15px; // Medium Button text size
68
+ @dt-button-font-size-lg: 19px; // Large Button text size
69
+ @dt-button-font-size-xl: 27px; // Extra large Button text size
70
+ @dt-button-font-weight-xs: 600; // Font weight for XS button
71
+ @dt-button-font-weight-sm: 600; // Font weight for SM button
72
+ @dt-button-font-weight-md: 600; // Font weight for MD button
73
+ @dt-button-font-weight-lg: 500; // Font weight for LG button
74
+ @dt-button-font-weight-xl: 400; // Font weight for XL button
75
+ @dt-button-line-height-xs: 1.2; // Line-height for XS button
76
+ @dt-button-line-height-sm: 1.2; // Line-height for SM button
77
+ @dt-button-line-height-md: 1.2; // Line-height for MD button
78
+ @dt-button-line-height-lg: 1.2; // Line-height for LG button
79
+ @dt-button-line-height-xl: 1.2; // Line-height for XL button
80
+ @dt-button-size-radius-xs: 0.4rem; // Border radius for extra small button
81
+ @dt-button-size-radius-sm: 0.8rem; // Border radius for small button
82
+ @dt-button-size-radius-md: 0.8rem; // Border radius for medium button.
83
+ @dt-button-size-radius-lg: 1.2rem; // Border radius for large button.
84
+ @dt-button-size-radius-xl: 1.6rem; // Border radius for extra large button.
85
+ @dt-checkbox-size-width: 1.6rem;
86
+ @dt-checkbox-size-height: 1.6rem;
87
+ @dt-checkbox-size-radius: 0.4rem;
88
+ @dt-checkbox-color-border-unchecked: hsl(0 0% 100% / 0.36);
89
+ @dt-checkbox-color-border-unchecked-hover: hsl(0 0% 100% / 0.5);
90
+ @dt-checkbox-color-border-checked: #BBA6FC;
91
+ @dt-checkbox-color-background-checked: #BBA6FC;
92
+ @dt-checkbox-color-foreground-default: transparent;
93
+ @dt-checkbox-color-foreground-checked: #000000;
94
+ @dt-icon-size-100: 12px;
95
+ @dt-icon-size-200: 14px;
96
+ @dt-icon-size-300: 18px;
97
+ @dt-icon-size-400: 20px;
98
+ @dt-icon-size-500: 24px;
99
+ @dt-icon-size-600: 32px;
100
+ @dt-icon-size-700: 38px;
101
+ @dt-icon-size-800: 48px;
102
+ @dt-icon-size-border-100: 0.1rem;
103
+ @dt-icon-size-border-200: 0.125rem;
104
+ @dt-icon-size-border-300: 0.15rem;
105
+ @dt-icon-size-border-400: 0.175rem;
106
+ @dt-icon-size-border-500: 0.175rem;
107
+ @dt-icon-size-border-600: 0.25rem;
108
+ @dt-icon-size-border-700: 0.275rem;
109
+ @dt-icon-size-border-800: 0.35rem;
110
+ @dt-presence-color-available: #84EE0B;
111
+ @dt-presence-color-unavailable: #FF415B;
112
+ @dt-presence-color-busy: #FFBD48;
113
+ @dt-presence-color-offline: #808080;
114
+ @dt-radio-size-width: 1.6rem;
115
+ @dt-radio-size-height: 1.6rem;
116
+ @dt-radio-size-radius: 50%;
117
+ @dt-radio-color-border-unchecked: hsl(0 0% 100% / 0.36);
118
+ @dt-radio-color-border-unchecked-hover: hsl(0 0% 100% / 0.5);
119
+ @dt-radio-color-border-checked: #BBA6FC;
120
+ @dt-radio-color-background-checked: #BBA6FC;
121
+ @dt-radio-color-foreground-default: transparent;
122
+ @dt-radio-color-foreground-checked: #000000;
package/dist/less/tokens-melon-light.less ADDED
@@ -0,0 +1,122 @@
1
+
2
+ // Do not edit directly, this file was auto-generated.
3
+
4
+ @dt-typography-button-xs-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for extra small button
5
+ @dt-typography-button-xs-font-weight: 600; // Text style for extra small button
6
+ @dt-typography-button-xs-font-size: 12px; // Text style for extra small button
7
+ @dt-typography-button-xs-line-height: 1.2; // Text style for extra small button
8
+ @dt-typography-button-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for small button
9
+ @dt-typography-button-sm-font-weight: 600; // Text style for small button
10
+ @dt-typography-button-sm-font-size: 12px; // Text style for small button
11
+ @dt-typography-button-sm-line-height: 1.2; // Text style for small button
12
+ @dt-typography-button-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for medium button
13
+ @dt-typography-button-md-font-weight: 600; // Text style for medium button
14
+ @dt-typography-button-md-font-size: 15px; // Text style for medium button
15
+ @dt-typography-button-md-line-height: 1.2; // Text style for medium button
16
+ @dt-typography-button-lg-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for large button
17
+ @dt-typography-button-lg-font-weight: 500; // Text style for large button
18
+ @dt-typography-button-lg-font-size: 19px; // Text style for large button
19
+ @dt-typography-button-lg-line-height: 1.2; // Text style for large button
20
+ @dt-typography-button-xl-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for extra large button
21
+ @dt-typography-button-xl-font-weight: 400; // Text style for extra large button
22
+ @dt-typography-button-xl-font-size: 27px; // Text style for extra large button
23
+ @dt-typography-button-xl-line-height: 1.2; // Text style for extra large button
24
+ @dt-shell-base-color-surface: #FFE6FD;
25
+ @dt-shell-base-color-foreground: #190826;
26
+ @dt-shell-base-color-border: #321249;
27
+ @dt-shell-base-color-accent: #9A006A;
28
+ @dt-shell-base-action-color-background-primary: #511E76;
29
+ @dt-shell-base-action-color-background-secondary: #511E76;
30
+ @dt-shell-base-action-color-background-muted: #511E76;
31
+ @dt-avatar-color-foreground: #000000;
32
+ @dt-avatar-color-background-100: #1aa340;
33
+ @dt-avatar-color-background-200: #aaff83;
34
+ @dt-avatar-color-background-300: #adea88;
35
+ @dt-avatar-color-background-400: #77eca6;
36
+ @dt-avatar-color-background-500: #7aedbd;
37
+ @dt-avatar-color-background-600: #77deec;
38
+ @dt-avatar-color-background-700: #5ed8ff;
39
+ @dt-avatar-color-background-800: #99e7ff;
40
+ @dt-avatar-color-background-900: #51a0fe;
41
+ @dt-avatar-color-background-1000: #b6cfff;
42
+ @dt-avatar-color-background-1100: #f1b7e8;
43
+ @dt-avatar-color-background-1200: #ec77bd;
44
+ @dt-avatar-color-background-1300: #ff67be;
45
+ @dt-avatar-color-background-1400: #f87e7e;
46
+ @dt-avatar-color-background-1500: #eca877;
47
+ @dt-avatar-color-background-1600: #ffbe41;
48
+ @dt-avatar-color-background-1700: #ffd646;
49
+ @dt-avatar-color-background-1800: #f1dab7;
50
+ @dt-avatar-color-background-000: #e0e0e0;
51
+ @dt-badge-color-background-default: hsl(0 0% 11% / 0.1);
52
+ @dt-badge-color-background-info: #BDE8FF;
53
+ @dt-badge-color-background-success: #DBFFA9;
54
+ @dt-badge-color-background-warning: #FFE89C;
55
+ @dt-badge-color-background-critical: #FFABA4;
56
+ @dt-badge-color-background-bulletin: #7C52FF;
57
+ @dt-badge-color-background-bulletin-subtle: #D3BCFF;
58
+ @dt-badge-color-background-ai: linear-gradient(135deg, #471571 0%, #551B84 3.08%, #7C229E 14.48%, #9024A4 23.67%, #B02290 35.5%, #D32B86 48.3%, #E92F6F 60.29%, #F6484F 70.08%, #FB7328 90.02%, #F3960F 97.29%, #F3960F 100%);
59
+ @dt-badge-color-foreground-default: #000000;
60
+ @dt-badge-color-foreground-bulletin: #ffffff;
61
+ @dt-badge-color-foreground-bulletin-subtle: #3A1D95;
62
+ @dt-badge-color-foreground-ai: #ffffff;
63
+ @dt-badge-color-border-default: hsl(0 0% 11% / 0.11);
64
+ @dt-badge-color-border-bulletin-subtle: hsl(255 100% 66.1% / 0.5);
65
+ @dt-button-font-size-xs: 12px; // Extra small Button text size
66
+ @dt-button-font-size-sm: 12px; // Small Button text size
67
+ @dt-button-font-size-md: 15px; // Medium Button text size
68
+ @dt-button-font-size-lg: 19px; // Large Button text size
69
+ @dt-button-font-size-xl: 27px; // Extra large Button text size
70
+ @dt-button-font-weight-xs: 600; // Font weight for XS button
71
+ @dt-button-font-weight-sm: 600; // Font weight for SM button
72
+ @dt-button-font-weight-md: 600; // Font weight for MD button
73
+ @dt-button-font-weight-lg: 500; // Font weight for LG button
74
+ @dt-button-font-weight-xl: 400; // Font weight for XL button
75
+ @dt-button-line-height-xs: 1.2; // Line-height for XS button
76
+ @dt-button-line-height-sm: 1.2; // Line-height for SM button
77
+ @dt-button-line-height-md: 1.2; // Line-height for MD button
78
+ @dt-button-line-height-lg: 1.2; // Line-height for LG button
79
+ @dt-button-line-height-xl: 1.2; // Line-height for XL button
80
+ @dt-button-size-radius-xs: 0.4rem; // Border radius for extra small button
81
+ @dt-button-size-radius-sm: 0.8rem; // Border radius for small button
82
+ @dt-button-size-radius-md: 0.8rem; // Border radius for medium button.
83
+ @dt-button-size-radius-lg: 1.2rem; // Border radius for large button.
84
+ @dt-button-size-radius-xl: 1.6rem; // Border radius for extra large button.
85
+ @dt-checkbox-size-width: 1.6rem;
86
+ @dt-checkbox-size-height: 1.6rem;
87
+ @dt-checkbox-size-radius: 0.4rem;
88
+ @dt-checkbox-color-border-unchecked: hsl(0 0% 11% / 0.3);
89
+ @dt-checkbox-color-border-unchecked-hover: hsl(0 0% 11% / 0.5);
90
+ @dt-checkbox-color-border-checked: #7C52FF;
91
+ @dt-checkbox-color-background-checked: #7C52FF;
92
+ @dt-checkbox-color-foreground-default: transparent;
93
+ @dt-checkbox-color-foreground-checked: #F9F9F9;
94
+ @dt-icon-size-100: 12px;
95
+ @dt-icon-size-200: 14px;
96
+ @dt-icon-size-300: 18px;
97
+ @dt-icon-size-400: 20px;
98
+ @dt-icon-size-500: 24px;
99
+ @dt-icon-size-600: 32px;
100
+ @dt-icon-size-700: 38px;
101
+ @dt-icon-size-800: 48px;
102
+ @dt-icon-size-border-100: 0.1rem;
103
+ @dt-icon-size-border-200: 0.125rem;
104
+ @dt-icon-size-border-300: 0.15rem;
105
+ @dt-icon-size-border-400: 0.175rem;
106
+ @dt-icon-size-border-500: 0.175rem;
107
+ @dt-icon-size-border-600: 0.25rem;
108
+ @dt-icon-size-border-700: 0.275rem;
109
+ @dt-icon-size-border-800: 0.35rem;
110
+ @dt-presence-color-available: #2EA834;
111
+ @dt-presence-color-unavailable: #D90A45;
112
+ @dt-presence-color-busy: #FF9E0E;
113
+ @dt-presence-color-offline: #808080;
114
+ @dt-radio-size-width: 1.6rem;
115
+ @dt-radio-size-height: 1.6rem;
116
+ @dt-radio-size-radius: 50%;
117
+ @dt-radio-color-border-unchecked: hsl(0 0% 11% / 0.3);
118
+ @dt-radio-color-border-unchecked-hover: hsl(0 0% 11% / 0.5);
119
+ @dt-radio-color-border-checked: #7C52FF;
120
+ @dt-radio-color-background-checked: #7C52FF;
121
+ @dt-radio-color-foreground-default: transparent;
122
+ @dt-radio-color-foreground-checked: #F9F9F9;
package/dist/less/tokens-plum-dark.less ADDED
@@ -0,0 +1,121 @@
1
+
2
+ // Do not edit directly, this file was auto-generated.
3
+
4
+ @dt-typography-button-xs-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for extra small button
5
+ @dt-typography-button-xs-font-weight: 600; // Text style for extra small button
6
+ @dt-typography-button-xs-font-size: 12px; // Text style for extra small button
7
+ @dt-typography-button-xs-line-height: 1.2; // Text style for extra small button
8
+ @dt-typography-button-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for small button
9
+ @dt-typography-button-sm-font-weight: 600; // Text style for small button
10
+ @dt-typography-button-sm-font-size: 12px; // Text style for small button
11
+ @dt-typography-button-sm-line-height: 1.2; // Text style for small button
12
+ @dt-typography-button-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for medium button
13
+ @dt-typography-button-md-font-weight: 600; // Text style for medium button
14
+ @dt-typography-button-md-font-size: 15px; // Text style for medium button
15
+ @dt-typography-button-md-line-height: 1.2; // Text style for medium button
16
+ @dt-typography-button-lg-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for large button
17
+ @dt-typography-button-lg-font-weight: 500; // Text style for large button
18
+ @dt-typography-button-lg-font-size: 19px; // Text style for large button
19
+ @dt-typography-button-lg-line-height: 1.2; // Text style for large button
20
+ @dt-typography-button-xl-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for extra large button
21
+ @dt-typography-button-xl-font-weight: 400; // Text style for extra large button
22
+ @dt-typography-button-xl-font-size: 27px; // Text style for extra large button
23
+ @dt-typography-button-xl-line-height: 1.2; // Text style for extra large button
24
+ @dt-shell-base-color-surface: #10022C;
25
+ @dt-shell-base-color-border: #0a0029;
26
+ @dt-shell-base-color-accent: #e2aae5;
27
+ @dt-shell-base-action-color-background-primary: #65318E;
28
+ @dt-shell-base-action-color-background-secondary: #65318E;
29
+ @dt-shell-base-action-color-background-muted: #65318E;
30
+ @dt-avatar-color-foreground: #000000;
31
+ @dt-avatar-color-background-100: #1aa340;
32
+ @dt-avatar-color-background-200: #aaff83;
33
+ @dt-avatar-color-background-300: #adea88;
34
+ @dt-avatar-color-background-400: #77eca6;
35
+ @dt-avatar-color-background-500: #7aedbd;
36
+ @dt-avatar-color-background-600: #77deec;
37
+ @dt-avatar-color-background-700: #5ed8ff;
38
+ @dt-avatar-color-background-800: #99e7ff;
39
+ @dt-avatar-color-background-900: #51a0fe;
40
+ @dt-avatar-color-background-1000: #b6cfff;
41
+ @dt-avatar-color-background-1100: #f1b7e8;
42
+ @dt-avatar-color-background-1200: #ec77bd;
43
+ @dt-avatar-color-background-1300: #ff67be;
44
+ @dt-avatar-color-background-1400: #f87e7e;
45
+ @dt-avatar-color-background-1500: #eca877;
46
+ @dt-avatar-color-background-1600: #ffbe41;
47
+ @dt-avatar-color-background-1700: #ffd646;
48
+ @dt-avatar-color-background-1800: #f1dab7;
49
+ @dt-avatar-color-background-000: #e0e0e0;
50
+ @dt-badge-color-background-default: hsl(0 0% 90.2% / 0.18);
51
+ @dt-badge-color-background-info: #003165;
52
+ @dt-badge-color-background-success: #004F2E;
53
+ @dt-badge-color-background-warning: #533204;
54
+ @dt-badge-color-background-critical: #640823;
55
+ @dt-badge-color-background-bulletin: #BBA6FC;
56
+ @dt-badge-color-background-bulletin-subtle: #3A1D95;
57
+ @dt-badge-color-background-ai: linear-gradient(135deg, #471571 0%, #551B84 3.08%, #7C229E 14.48%, #9024A4 23.67%, #B02290 35.5%, #D32B86 48.3%, #E92F6F 60.29%, #F6484F 74%, #FB7328 93%, #F3960F 98%, #F3960F 100%);
58
+ @dt-badge-color-foreground-default: #FFFFFF;
59
+ @dt-badge-color-foreground-bulletin: #000000;
60
+ @dt-badge-color-foreground-bulletin-subtle: #D3BCFF;
61
+ @dt-badge-color-foreground-ai: #ffffff;
62
+ @dt-badge-color-border-default: hsl(0 0% 100% / 0.14);
63
+ @dt-badge-color-border-bulletin-subtle: hsl(255 100% 66.1% / 0.5);
64
+ @dt-button-font-size-xs: 12px; // Extra small Button text size
65
+ @dt-button-font-size-sm: 12px; // Small Button text size
66
+ @dt-button-font-size-md: 15px; // Medium Button text size
67
+ @dt-button-font-size-lg: 19px; // Large Button text size
68
+ @dt-button-font-size-xl: 27px; // Extra large Button text size
69
+ @dt-button-font-weight-xs: 600; // Font weight for XS button
70
+ @dt-button-font-weight-sm: 600; // Font weight for SM button
71
+ @dt-button-font-weight-md: 600; // Font weight for MD button
72
+ @dt-button-font-weight-lg: 500; // Font weight for LG button
73
+ @dt-button-font-weight-xl: 400; // Font weight for XL button
74
+ @dt-button-line-height-xs: 1.2; // Line-height for XS button
75
+ @dt-button-line-height-sm: 1.2; // Line-height for SM button
76
+ @dt-button-line-height-md: 1.2; // Line-height for MD button
77
+ @dt-button-line-height-lg: 1.2; // Line-height for LG button
78
+ @dt-button-line-height-xl: 1.2; // Line-height for XL button
79
+ @dt-button-size-radius-xs: 0.4rem; // Border radius for extra small button
80
+ @dt-button-size-radius-sm: 0.8rem; // Border radius for small button
81
+ @dt-button-size-radius-md: 0.8rem; // Border radius for medium button.
82
+ @dt-button-size-radius-lg: 1.2rem; // Border radius for large button.
83
+ @dt-button-size-radius-xl: 1.6rem; // Border radius for extra large button.
84
+ @dt-checkbox-size-width: 1.6rem;
85
+ @dt-checkbox-size-height: 1.6rem;
86
+ @dt-checkbox-size-radius: 0.4rem;
87
+ @dt-checkbox-color-border-unchecked: hsl(0 0% 100% / 0.36);
88
+ @dt-checkbox-color-border-unchecked-hover: hsl(0 0% 100% / 0.5);
89
+ @dt-checkbox-color-border-checked: #BBA6FC;
90
+ @dt-checkbox-color-background-checked: #BBA6FC;
91
+ @dt-checkbox-color-foreground-default: transparent;
92
+ @dt-checkbox-color-foreground-checked: #000000;
93
+ @dt-icon-size-100: 12px;
94
+ @dt-icon-size-200: 14px;
95
+ @dt-icon-size-300: 18px;
96
+ @dt-icon-size-400: 20px;
97
+ @dt-icon-size-500: 24px;
98
+ @dt-icon-size-600: 32px;
99
+ @dt-icon-size-700: 38px;
100
+ @dt-icon-size-800: 48px;
101
+ @dt-icon-size-border-100: 0.1rem;
102
+ @dt-icon-size-border-200: 0.125rem;
103
+ @dt-icon-size-border-300: 0.15rem;
104
+ @dt-icon-size-border-400: 0.175rem;
105
+ @dt-icon-size-border-500: 0.175rem;
106
+ @dt-icon-size-border-600: 0.25rem;
107
+ @dt-icon-size-border-700: 0.275rem;
108
+ @dt-icon-size-border-800: 0.35rem;
109
+ @dt-presence-color-available: #AEFB3C;
110
+ @dt-presence-color-unavailable: #FF1356;
111
+ @dt-presence-color-busy: #EA8F07;
112
+ @dt-presence-color-offline: #808080;
113
+ @dt-radio-size-width: 1.6rem;
114
+ @dt-radio-size-height: 1.6rem;
115
+ @dt-radio-size-radius: 50%;
116
+ @dt-radio-color-border-unchecked: hsl(0 0% 100% / 0.36);
117
+ @dt-radio-color-border-unchecked-hover: hsl(0 0% 100% / 0.5);
118
+ @dt-radio-color-border-checked: #BBA6FC;
119
+ @dt-radio-color-background-checked: #BBA6FC;
120
+ @dt-radio-color-foreground-default: transparent;
121
+ @dt-radio-color-foreground-checked: #000000;
package/dist/less/tokens-plum-light.less ADDED
@@ -0,0 +1,121 @@
1
+
2
+ // Do not edit directly, this file was auto-generated.
3
+
4
+ @dt-typography-button-xs-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for extra small button
5
+ @dt-typography-button-xs-font-weight: 600; // Text style for extra small button
6
+ @dt-typography-button-xs-font-size: 12px; // Text style for extra small button
7
+ @dt-typography-button-xs-line-height: 1.2; // Text style for extra small button
8
+ @dt-typography-button-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for small button
9
+ @dt-typography-button-sm-font-weight: 600; // Text style for small button
10
+ @dt-typography-button-sm-font-size: 12px; // Text style for small button
11
+ @dt-typography-button-sm-line-height: 1.2; // Text style for small button
12
+ @dt-typography-button-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for medium button
13
+ @dt-typography-button-md-font-weight: 600; // Text style for medium button
14
+ @dt-typography-button-md-font-size: 15px; // Text style for medium button
15
+ @dt-typography-button-md-line-height: 1.2; // Text style for medium button
16
+ @dt-typography-button-lg-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for large button
17
+ @dt-typography-button-lg-font-weight: 500; // Text style for large button
18
+ @dt-typography-button-lg-font-size: 19px; // Text style for large button
19
+ @dt-typography-button-lg-line-height: 1.2; // Text style for large button
20
+ @dt-typography-button-xl-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for extra large button
21
+ @dt-typography-button-xl-font-weight: 400; // Text style for extra large button
22
+ @dt-typography-button-xl-font-size: 27px; // Text style for extra large button
23
+ @dt-typography-button-xl-line-height: 1.2; // Text style for extra large button
24
+ @dt-shell-base-color-surface: #f9f6ff;
25
+ @dt-shell-base-color-border: #0a0029;
26
+ @dt-shell-base-color-accent: #DE0276;
27
+ @dt-shell-base-action-color-background-primary: #65318E;
28
+ @dt-shell-base-action-color-background-secondary: #65318E;
29
+ @dt-shell-base-action-color-background-muted: #65318E;
30
+ @dt-avatar-color-foreground: #000000;
31
+ @dt-avatar-color-background-100: #1aa340;
32
+ @dt-avatar-color-background-200: #aaff83;
33
+ @dt-avatar-color-background-300: #adea88;
34
+ @dt-avatar-color-background-400: #77eca6;
35
+ @dt-avatar-color-background-500: #7aedbd;
36
+ @dt-avatar-color-background-600: #77deec;
37
+ @dt-avatar-color-background-700: #5ed8ff;
38
+ @dt-avatar-color-background-800: #99e7ff;
39
+ @dt-avatar-color-background-900: #51a0fe;
40
+ @dt-avatar-color-background-1000: #b6cfff;
41
+ @dt-avatar-color-background-1100: #f1b7e8;
42
+ @dt-avatar-color-background-1200: #ec77bd;
43
+ @dt-avatar-color-background-1300: #ff67be;
44
+ @dt-avatar-color-background-1400: #f87e7e;
45
+ @dt-avatar-color-background-1500: #eca877;
46
+ @dt-avatar-color-background-1600: #ffbe41;
47
+ @dt-avatar-color-background-1700: #ffd646;
48
+ @dt-avatar-color-background-1800: #f1dab7;
49
+ @dt-avatar-color-background-000: #e0e0e0;
50
+ @dt-badge-color-background-default: hsl(0 0% 11% / 0.1);
51
+ @dt-badge-color-background-info: #BDE8FF;
52
+ @dt-badge-color-background-success: #DBFFA9;
53
+ @dt-badge-color-background-warning: #FFE89C;
54
+ @dt-badge-color-background-critical: #FFABA4;
55
+ @dt-badge-color-background-bulletin: #7C52FF;
56
+ @dt-badge-color-background-bulletin-subtle: #D3BCFF;
57
+ @dt-badge-color-background-ai: linear-gradient(135deg, #471571 0%, #551B84 3.08%, #7C229E 14.48%, #9024A4 23.67%, #B02290 35.5%, #D32B86 48.3%, #E92F6F 60.29%, #F6484F 70.08%, #FB7328 90.02%, #F3960F 97.29%, #F3960F 100%);
58
+ @dt-badge-color-foreground-default: #000000;
59
+ @dt-badge-color-foreground-bulletin: #ffffff;
60
+ @dt-badge-color-foreground-bulletin-subtle: #3A1D95;
61
+ @dt-badge-color-foreground-ai: #ffffff;
62
+ @dt-badge-color-border-default: hsl(0 0% 11% / 0.11);
63
+ @dt-badge-color-border-bulletin-subtle: hsl(255 100% 66.1% / 0.5);
64
+ @dt-button-font-size-xs: 12px; // Extra small Button text size
65
+ @dt-button-font-size-sm: 12px; // Small Button text size
66
+ @dt-button-font-size-md: 15px; // Medium Button text size
67
+ @dt-button-font-size-lg: 19px; // Large Button text size
68
+ @dt-button-font-size-xl: 27px; // Extra large Button text size
69
+ @dt-button-font-weight-xs: 600; // Font weight for XS button
70
+ @dt-button-font-weight-sm: 600; // Font weight for SM button
71
+ @dt-button-font-weight-md: 600; // Font weight for MD button
72
+ @dt-button-font-weight-lg: 500; // Font weight for LG button
73
+ @dt-button-font-weight-xl: 400; // Font weight for XL button
74
+ @dt-button-line-height-xs: 1.2; // Line-height for XS button
75
+ @dt-button-line-height-sm: 1.2; // Line-height for SM button
76
+ @dt-button-line-height-md: 1.2; // Line-height for MD button
77
+ @dt-button-line-height-lg: 1.2; // Line-height for LG button
78
+ @dt-button-line-height-xl: 1.2; // Line-height for XL button
79
+ @dt-button-size-radius-xs: 0.4rem; // Border radius for extra small button
80
+ @dt-button-size-radius-sm: 0.8rem; // Border radius for small button
81
+ @dt-button-size-radius-md: 0.8rem; // Border radius for medium button.
82
+ @dt-button-size-radius-lg: 1.2rem; // Border radius for large button.
83
+ @dt-button-size-radius-xl: 1.6rem; // Border radius for extra large button.
84
+ @dt-checkbox-size-width: 1.6rem;
85
+ @dt-checkbox-size-height: 1.6rem;
86
+ @dt-checkbox-size-radius: 0.4rem;
87
+ @dt-checkbox-color-border-unchecked: hsl(0 0% 11% / 0.3);
88
+ @dt-checkbox-color-border-unchecked-hover: hsl(0 0% 11% / 0.5);
89
+ @dt-checkbox-color-border-checked: #7C52FF;
90
+ @dt-checkbox-color-background-checked: #7C52FF;
91
+ @dt-checkbox-color-foreground-default: transparent;
92
+ @dt-checkbox-color-foreground-checked: #F9F9F9;
93
+ @dt-icon-size-100: 12px;
94
+ @dt-icon-size-200: 14px;
95
+ @dt-icon-size-300: 18px;
96
+ @dt-icon-size-400: 20px;
97
+ @dt-icon-size-500: 24px;
98
+ @dt-icon-size-600: 32px;
99
+ @dt-icon-size-700: 38px;
100
+ @dt-icon-size-800: 48px;
101
+ @dt-icon-size-border-100: 0.1rem;
102
+ @dt-icon-size-border-200: 0.125rem;
103
+ @dt-icon-size-border-300: 0.15rem;
104
+ @dt-icon-size-border-400: 0.175rem;
105
+ @dt-icon-size-border-500: 0.175rem;
106
+ @dt-icon-size-border-600: 0.25rem;
107
+ @dt-icon-size-border-700: 0.275rem;
108
+ @dt-icon-size-border-800: 0.35rem;
109
+ @dt-presence-color-available: #2EA834;
110
+ @dt-presence-color-unavailable: #D90A45;
111
+ @dt-presence-color-busy: #FF9E0E;
112
+ @dt-presence-color-offline: #808080;
113
+ @dt-radio-size-width: 1.6rem;
114
+ @dt-radio-size-height: 1.6rem;
115
+ @dt-radio-size-radius: 50%;
116
+ @dt-radio-color-border-unchecked: hsl(0 0% 11% / 0.3);
117
+ @dt-radio-color-border-unchecked-hover: hsl(0 0% 11% / 0.5);
118
+ @dt-radio-color-border-checked: #7C52FF;
119
+ @dt-radio-color-background-checked: #7C52FF;
120
+ @dt-radio-color-foreground-default: transparent;
121
+ @dt-radio-color-foreground-checked: #F9F9F9;