@dialpad/dialtone-tokens 1.43.3 → 1.44.0

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 +182 -18
  12. package/dist/android/java/tokens-dp-light.kt +143 -3
  13. package/dist/android/java/tokens-expressive-dark.kt +178 -18
  14. package/dist/android/java/tokens-expressive-light.kt +143 -3
  15. package/dist/android/java/tokens-expressive-sm-dark.kt +182 -18
  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 +219 -55
  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 +182 -18
  40. package/dist/android/res/values/colors-dp-light.xml +143 -3
  41. package/dist/android/res/values/colors-expressive-dark.xml +178 -18
  42. package/dist/android/res/values/colors-expressive-light.xml +143 -3
  43. package/dist/android/res/values/colors-expressive-sm-dark.xml +182 -18
  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 +219 -55
  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 +1259 -111
  72. package/dist/css/tokens-dp-light.css +1001 -21
  73. package/dist/css/tokens-expressive-dark.css +1231 -111
  74. package/dist/css/tokens-expressive-light.css +1001 -21
  75. package/dist/css/tokens-expressive-sm-dark.css +1259 -111
  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 +1511 -363
  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 +204128 -129420
  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 +182 -18
  101. package/dist/ios/tokens-dp-light.swift +143 -3
  102. package/dist/ios/tokens-expressive-dark.swift +178 -18
  103. package/dist/ios/tokens-expressive-light.swift +143 -3
  104. package/dist/ios/tokens-expressive-sm-dark.swift +182 -18
  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 +219 -55
  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 +200 -36
  131. package/dist/less/tokens-dp-light.less +143 -3
  132. package/dist/less/tokens-expressive-dark.less +196 -36
  133. package/dist/less/tokens-expressive-light.less +143 -3
  134. package/dist/less/tokens-expressive-sm-dark.less +200 -36
  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 +236 -72
  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 +199 -35
  185. package/dist/tokens-dp-light.json +143 -3
  186. package/dist/tokens-expressive-dark.json +195 -35
  187. package/dist/tokens-expressive-light.json +143 -3
  188. package/dist/tokens-expressive-sm-dark.json +199 -35
  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 +234 -70
  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 +1 -1
package/dist/less/tokens-aegean-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: #072C2A;
25
+ @dt-shell-base-color-foreground: #F9F6FF;
26
+ @dt-shell-base-color-border: #D3E0F4;
27
+ @dt-shell-base-color-accent: #8CBAEB;
28
+ @dt-shell-base-action-color-background-primary: #F4B59F;
29
+ @dt-shell-base-action-color-background-secondary: #F4B59F;
30
+ @dt-shell-base-action-color-background-muted: #F4B59F;
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-aegean-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: #D3E0F4;
25
+ @dt-shell-base-color-foreground: #10022C;
26
+ @dt-shell-base-color-border: #143A52;
27
+ @dt-shell-base-color-accent: #228782;
28
+ @dt-shell-base-action-color-background-primary: #651E06;
29
+ @dt-shell-base-action-color-background-secondary: #651E06;
30
+ @dt-shell-base-action-color-background-muted: #651E06;
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-base-dark.less CHANGED
@@ -248,16 +248,16 @@
248
248
  @dt-color-neutral-transparent: transparent; // Transparent color independent of any theme.
249
249
  @dt-color-black-50: #000000;
250
250
  @dt-color-black-100: #171717;
251
- @dt-color-black-200: #1f1f1f;
252
- @dt-color-black-300: #3d3d3d;
251
+ @dt-color-black-200: #1F1F1F;
252
+ @dt-color-black-300: #3D3D3D;
253
253
  @dt-color-black-400: #555555;
254
254
  @dt-color-black-500: #808080;
255
255
  @dt-color-black-600: #B0B0B0;
256
- @dt-color-black-700: #c7c7c7;
256
+ @dt-color-black-700: #C7C7C7;
257
257
  @dt-color-black-800: #D4D4D4;
258
258
  @dt-color-black-900: #E6E6E6;
259
259
  @dt-color-black-950: #F9F9F9;
260
- @dt-color-black-1000: #ffffff;
260
+ @dt-color-black-1000: #FFFFFF;
261
261
  @dt-color-purple-50: #10022C;
262
262
  @dt-color-purple-100: #1D0155;
263
263
  @dt-color-purple-200: #3A1D95;
@@ -269,7 +269,7 @@
269
269
  @dt-color-purple-500: #BBA6FC;
270
270
  @dt-color-purple-550: #D3BCFF;
271
271
  @dt-color-purple-600: #F5F0FF;
272
- @dt-color-purple-1000: #f9f6ff;
272
+ @dt-color-purple-1000: #F9F6FF;
273
273
  @dt-color-blue-50: #010B16;
274
274
  @dt-color-blue-100: #001429;
275
275
  @dt-color-blue-200: #003165;
@@ -281,7 +281,7 @@
281
281
  @dt-color-blue-500: #98DCFF;
282
282
  @dt-color-blue-600: #BDE8FF;
283
283
  @dt-color-blue-900: #EAF2FA;
284
- @dt-color-blue-1000: #f5f9fd;
284
+ @dt-color-blue-1000: #F5F9FD;
285
285
  @dt-color-magenta-50: #190713;
286
286
  @dt-color-magenta-100: #330F27;
287
287
  @dt-color-magenta-200: #662251;
@@ -305,7 +305,7 @@
305
305
  @dt-color-gold-600: #FFDB80;
306
306
  @dt-color-gold-700: #FFE89C;
307
307
  @dt-color-gold-900: #FFF4CC;
308
- @dt-color-gold-1000: #fffae5;
308
+ @dt-color-gold-1000: #FFFAE5;
309
309
  @dt-color-green-50: #00150D;
310
310
  @dt-color-green-100: #012717;
311
311
  @dt-color-green-200: #004F2E;
@@ -317,7 +317,7 @@
317
317
  @dt-color-green-500: #D1FF76;
318
318
  @dt-color-green-600: #DBFFA9;
319
319
  @dt-color-green-900: #EDF9EB;
320
- @dt-color-green-1000: #f6fcf5;
320
+ @dt-color-green-1000: #F6FCF5;
321
321
  @dt-color-red-50: #1C0108;
322
322
  @dt-color-red-100: #380010;
323
323
  @dt-color-red-200: #640823;
package/dist/less/tokens-base-deca-dark.less CHANGED
@@ -248,16 +248,16 @@
248
248
  @dt-color-neutral-transparent: transparent; // Transparent color independent of any theme.
249
249
  @dt-color-black-50: #000000;
250
250
  @dt-color-black-100: #171717;
251
- @dt-color-black-200: #1f1f1f;
252
- @dt-color-black-300: #3d3d3d;
251
+ @dt-color-black-200: #1F1F1F;
252
+ @dt-color-black-300: #3D3D3D;
253
253
  @dt-color-black-400: #555555;
254
254
  @dt-color-black-500: #808080;
255
255
  @dt-color-black-600: #B0B0B0;
256
- @dt-color-black-700: #c7c7c7;
256
+ @dt-color-black-700: #C7C7C7;
257
257
  @dt-color-black-800: #D4D4D4;
258
258
  @dt-color-black-900: #E6E6E6;
259
259
  @dt-color-black-950: #F9F9F9;
260
- @dt-color-black-1000: #ffffff;
260
+ @dt-color-black-1000: #FFFFFF;
261
261
  @dt-color-purple-50: #10022C;
262
262
  @dt-color-purple-100: #1D0155;
263
263
  @dt-color-purple-200: #3A1D95;
@@ -269,7 +269,7 @@
269
269
  @dt-color-purple-500: #BBA6FC;
270
270
  @dt-color-purple-550: #D3BCFF;
271
271
  @dt-color-purple-600: #F5F0FF;
272
- @dt-color-purple-1000: #f9f6ff;
272
+ @dt-color-purple-1000: #F9F6FF;
273
273
  @dt-color-blue-50: #010B16;
274
274
  @dt-color-blue-100: #001429;
275
275
  @dt-color-blue-200: #003165;
@@ -281,7 +281,7 @@
281
281
  @dt-color-blue-500: #98DCFF;
282
282
  @dt-color-blue-600: #BDE8FF;
283
283
  @dt-color-blue-900: #EAF2FA;
284
- @dt-color-blue-1000: #f5f9fd;
284
+ @dt-color-blue-1000: #F5F9FD;
285
285
  @dt-color-magenta-50: #190713;
286
286
  @dt-color-magenta-100: #330F27;
287
287
  @dt-color-magenta-200: #662251;
@@ -305,7 +305,7 @@
305
305
  @dt-color-gold-600: #FFDB80;
306
306
  @dt-color-gold-700: #FFE89C;
307
307
  @dt-color-gold-900: #FFF4CC;
308
- @dt-color-gold-1000: #fffae5;
308
+ @dt-color-gold-1000: #FFFAE5;
309
309
  @dt-color-green-50: #00150D;
310
310
  @dt-color-green-100: #012717;
311
311
  @dt-color-green-200: #004F2E;
@@ -317,7 +317,7 @@
317
317
  @dt-color-green-500: #D1FF76;
318
318
  @dt-color-green-600: #DBFFA9;
319
319
  @dt-color-green-900: #EDF9EB;
320
- @dt-color-green-1000: #f6fcf5;
320
+ @dt-color-green-1000: #F6FCF5;
321
321
  @dt-color-red-50: #1C0108;
322
322
  @dt-color-red-100: #380010;
323
323
  @dt-color-red-200: #640823;
package/dist/less/tokens-botany-dark.less ADDED
@@ -0,0 +1,123 @@
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: #072C2A;
25
+ @dt-shell-base-color-border: #c6e4ff;
26
+ @dt-shell-base-color-accent: #D3BCFF;
27
+ @dt-shell-base-action-color-background-primary: #ffdfbf;
28
+ @dt-shell-base-action-color-background-secondary: #ffdfbf;
29
+ @dt-shell-base-action-color-background-muted: #ffdfbf;
30
+ @dt-shell-logo-color-star: #F9F6FF;
31
+ @dt-shell-logo-color-wordmark: #F9F6FF;
32
+ @dt-avatar-color-foreground: #000000;
33
+ @dt-avatar-color-background-100: #1aa340;
34
+ @dt-avatar-color-background-200: #aaff83;
35
+ @dt-avatar-color-background-300: #adea88;
36
+ @dt-avatar-color-background-400: #77eca6;
37
+ @dt-avatar-color-background-500: #7aedbd;
38
+ @dt-avatar-color-background-600: #77deec;
39
+ @dt-avatar-color-background-700: #5ed8ff;
40
+ @dt-avatar-color-background-800: #99e7ff;
41
+ @dt-avatar-color-background-900: #51a0fe;
42
+ @dt-avatar-color-background-1000: #b6cfff;
43
+ @dt-avatar-color-background-1100: #f1b7e8;
44
+ @dt-avatar-color-background-1200: #ec77bd;
45
+ @dt-avatar-color-background-1300: #ff67be;
46
+ @dt-avatar-color-background-1400: #f87e7e;
47
+ @dt-avatar-color-background-1500: #eca877;
48
+ @dt-avatar-color-background-1600: #ffbe41;
49
+ @dt-avatar-color-background-1700: #ffd646;
50
+ @dt-avatar-color-background-1800: #f1dab7;
51
+ @dt-avatar-color-background-000: #e0e0e0;
52
+ @dt-badge-color-background-default: hsl(0 0% 90.2% / 0.18);
53
+ @dt-badge-color-background-info: #003165;
54
+ @dt-badge-color-background-success: #004F2E;
55
+ @dt-badge-color-background-warning: #533204;
56
+ @dt-badge-color-background-critical: #640823;
57
+ @dt-badge-color-background-bulletin: #BBA6FC;
58
+ @dt-badge-color-background-bulletin-subtle: #3A1D95;
59
+ @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%);
60
+ @dt-badge-color-foreground-default: #FFFFFF;
61
+ @dt-badge-color-foreground-bulletin: #000000;
62
+ @dt-badge-color-foreground-bulletin-subtle: #D3BCFF;
63
+ @dt-badge-color-foreground-ai: #ffffff;
64
+ @dt-badge-color-border-default: hsl(0 0% 100% / 0.14);
65
+ @dt-badge-color-border-bulletin-subtle: hsl(255 100% 66.1% / 0.5);
66
+ @dt-button-font-size-xs: 12px; // Extra small Button text size
67
+ @dt-button-font-size-sm: 12px; // Small Button text size
68
+ @dt-button-font-size-md: 15px; // Medium Button text size
69
+ @dt-button-font-size-lg: 19px; // Large Button text size
70
+ @dt-button-font-size-xl: 27px; // Extra large Button text size
71
+ @dt-button-font-weight-xs: 600; // Font weight for XS button
72
+ @dt-button-font-weight-sm: 600; // Font weight for SM button
73
+ @dt-button-font-weight-md: 600; // Font weight for MD button
74
+ @dt-button-font-weight-lg: 500; // Font weight for LG button
75
+ @dt-button-font-weight-xl: 400; // Font weight for XL button
76
+ @dt-button-line-height-xs: 1.2; // Line-height for XS button
77
+ @dt-button-line-height-sm: 1.2; // Line-height for SM button
78
+ @dt-button-line-height-md: 1.2; // Line-height for MD button
79
+ @dt-button-line-height-lg: 1.2; // Line-height for LG button
80
+ @dt-button-line-height-xl: 1.2; // Line-height for XL button
81
+ @dt-button-size-radius-xs: 0.4rem; // Border radius for extra small button
82
+ @dt-button-size-radius-sm: 0.8rem; // Border radius for small button
83
+ @dt-button-size-radius-md: 0.8rem; // Border radius for medium button.
84
+ @dt-button-size-radius-lg: 1.2rem; // Border radius for large button.
85
+ @dt-button-size-radius-xl: 1.6rem; // Border radius for extra large button.
86
+ @dt-checkbox-size-width: 1.6rem;
87
+ @dt-checkbox-size-height: 1.6rem;
88
+ @dt-checkbox-size-radius: 0.4rem;
89
+ @dt-checkbox-color-border-unchecked: hsl(0 0% 100% / 0.36);
90
+ @dt-checkbox-color-border-unchecked-hover: hsl(0 0% 100% / 0.5);
91
+ @dt-checkbox-color-border-checked: #BBA6FC;
92
+ @dt-checkbox-color-background-checked: #BBA6FC;
93
+ @dt-checkbox-color-foreground-default: transparent;
94
+ @dt-checkbox-color-foreground-checked: #000000;
95
+ @dt-icon-size-100: 12px;
96
+ @dt-icon-size-200: 14px;
97
+ @dt-icon-size-300: 18px;
98
+ @dt-icon-size-400: 20px;
99
+ @dt-icon-size-500: 24px;
100
+ @dt-icon-size-600: 32px;
101
+ @dt-icon-size-700: 38px;
102
+ @dt-icon-size-800: 48px;
103
+ @dt-icon-size-border-100: 0.1rem;
104
+ @dt-icon-size-border-200: 0.125rem;
105
+ @dt-icon-size-border-300: 0.15rem;
106
+ @dt-icon-size-border-400: 0.175rem;
107
+ @dt-icon-size-border-500: 0.175rem;
108
+ @dt-icon-size-border-600: 0.25rem;
109
+ @dt-icon-size-border-700: 0.275rem;
110
+ @dt-icon-size-border-800: 0.35rem;
111
+ @dt-presence-color-available: #AEFB3C;
112
+ @dt-presence-color-unavailable: #FF1356;
113
+ @dt-presence-color-busy: #EA8F07;
114
+ @dt-presence-color-offline: #808080;
115
+ @dt-radio-size-width: 1.6rem;
116
+ @dt-radio-size-height: 1.6rem;
117
+ @dt-radio-size-radius: 50%;
118
+ @dt-radio-color-border-unchecked: hsl(0 0% 100% / 0.36);
119
+ @dt-radio-color-border-unchecked-hover: hsl(0 0% 100% / 0.5);
120
+ @dt-radio-color-border-checked: #BBA6FC;
121
+ @dt-radio-color-background-checked: #BBA6FC;
122
+ @dt-radio-color-foreground-default: transparent;
123
+ @dt-radio-color-foreground-checked: #000000;
package/dist/less/tokens-botany-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: #E6EBDB;
25
+ @dt-shell-base-color-border: #022443;
26
+ @dt-shell-base-color-accent: #6633BB;
27
+ @dt-shell-base-action-color-background-primary: #0d6d4c;
28
+ @dt-shell-base-action-color-background-secondary: #0d6d4c;
29
+ @dt-shell-base-action-color-background-muted: #0d6d4c;
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;