@dxtmisha/d1 0.1.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/README.md +1 -0
  2. package/dist/App.vue.d.ts +3 -0
  3. package/dist/D1Accordion.js +396 -0
  4. package/dist/D1Image.js +4 -0
  5. package/dist/components/AiWiki.vue.d.ts +3 -0
  6. package/dist/components/Ui/Accordion/D1Accordion.vue.d.ts +43 -0
  7. package/dist/components/Ui/Accordion/index.d.ts +5 -0
  8. package/dist/components/Ui/Accordion/props.d.ts +20 -0
  9. package/dist/components/Ui/Accordion/wiki.d.ts +2 -0
  10. package/dist/components/Ui/ActionSheet/D1ActionSheet.vue.d.ts +44 -0
  11. package/dist/components/Ui/ActionSheet/index.d.ts +5 -0
  12. package/dist/components/Ui/ActionSheet/props.d.ts +21 -0
  13. package/dist/components/Ui/ActionSheet/wiki.d.ts +2 -0
  14. package/dist/components/Ui/Actions/D1Actions.vue.d.ts +25 -0
  15. package/dist/components/Ui/Actions/index.d.ts +5 -0
  16. package/dist/components/Ui/Actions/props.d.ts +21 -0
  17. package/dist/components/Ui/Actions/wiki.d.ts +2 -0
  18. package/dist/components/Ui/Anchor/D1Anchor.vue.d.ts +21 -0
  19. package/dist/components/Ui/Anchor/index.d.ts +5 -0
  20. package/dist/components/Ui/Anchor/props.d.ts +11 -0
  21. package/dist/components/Ui/Anchor/wiki.d.ts +2 -0
  22. package/dist/components/Ui/Arrow/D1Arrow.vue.d.ts +20 -0
  23. package/dist/components/Ui/Arrow/index.d.ts +5 -0
  24. package/dist/components/Ui/Arrow/props.d.ts +18 -0
  25. package/dist/components/Ui/Arrow/wiki.d.ts +2 -0
  26. package/dist/components/Ui/Badge/D1Badge.vue.d.ts +18 -0
  27. package/dist/components/Ui/Badge/index.d.ts +5 -0
  28. package/dist/components/Ui/Badge/props.d.ts +30 -0
  29. package/dist/components/Ui/Badge/wiki.d.ts +2 -0
  30. package/dist/components/Ui/Bars/D1Bars.vue.d.ts +32 -0
  31. package/dist/components/Ui/Bars/index.d.ts +5 -0
  32. package/dist/components/Ui/Bars/props.d.ts +18 -0
  33. package/dist/components/Ui/Bars/wiki.d.ts +2 -0
  34. package/dist/components/Ui/Block/D1Block.vue.d.ts +21 -0
  35. package/dist/components/Ui/Block/index.d.ts +5 -0
  36. package/dist/components/Ui/Block/props.d.ts +12 -0
  37. package/dist/components/Ui/Block/wiki.d.ts +2 -0
  38. package/dist/components/Ui/Button/D1Button.vue.d.ts +29 -0
  39. package/dist/components/Ui/Button/index.d.ts +5 -0
  40. package/dist/components/Ui/Button/props.d.ts +36 -0
  41. package/dist/components/Ui/Button/wiki.d.ts +2 -0
  42. package/dist/components/Ui/Cell/D1Cell.vue.d.ts +30 -0
  43. package/dist/components/Ui/Cell/index.d.ts +5 -0
  44. package/dist/components/Ui/Cell/props.d.ts +28 -0
  45. package/dist/components/Ui/Cell/wiki.d.ts +2 -0
  46. package/dist/components/Ui/Chip/D1Chip.vue.d.ts +29 -0
  47. package/dist/components/Ui/Chip/index.d.ts +5 -0
  48. package/dist/components/Ui/Chip/props.d.ts +34 -0
  49. package/dist/components/Ui/Chip/wiki.d.ts +2 -0
  50. package/dist/components/Ui/ChipGroup/D1ChipGroup.vue.d.ts +30 -0
  51. package/dist/components/Ui/ChipGroup/index.d.ts +5 -0
  52. package/dist/components/Ui/ChipGroup/props.d.ts +12 -0
  53. package/dist/components/Ui/ChipGroup/wiki.d.ts +2 -0
  54. package/dist/components/Ui/Dialog/D1Dialog.vue.d.ts +48 -0
  55. package/dist/components/Ui/Dialog/index.d.ts +5 -0
  56. package/dist/components/Ui/Dialog/props.d.ts +28 -0
  57. package/dist/components/Ui/Dialog/wiki.d.ts +2 -0
  58. package/dist/components/Ui/Field/D1Field.vue.d.ts +25 -0
  59. package/dist/components/Ui/Field/index.d.ts +5 -0
  60. package/dist/components/Ui/Field/props.d.ts +42 -0
  61. package/dist/components/Ui/Field/wiki.d.ts +2 -0
  62. package/dist/components/Ui/FieldCounter/D1FieldCounter.vue.d.ts +17 -0
  63. package/dist/components/Ui/FieldCounter/index.d.ts +5 -0
  64. package/dist/components/Ui/FieldCounter/props.d.ts +11 -0
  65. package/dist/components/Ui/FieldCounter/wiki.d.ts +2 -0
  66. package/dist/components/Ui/FieldLabel/D1FieldLabel.vue.d.ts +20 -0
  67. package/dist/components/Ui/FieldLabel/index.d.ts +5 -0
  68. package/dist/components/Ui/FieldLabel/props.d.ts +13 -0
  69. package/dist/components/Ui/FieldLabel/wiki.d.ts +2 -0
  70. package/dist/components/Ui/FieldMessage/D1FieldMessage.vue.d.ts +18 -0
  71. package/dist/components/Ui/FieldMessage/index.d.ts +5 -0
  72. package/dist/components/Ui/FieldMessage/props.d.ts +12 -0
  73. package/dist/components/Ui/FieldMessage/wiki.d.ts +2 -0
  74. package/dist/components/Ui/Icon/D1Icon.vue.d.ts +25 -0
  75. package/dist/components/Ui/Icon/index.d.ts +5 -0
  76. package/dist/components/Ui/Icon/props.d.ts +35 -0
  77. package/dist/components/Ui/Icon/wiki.d.ts +2 -0
  78. package/dist/components/Ui/Image/D1Image.vue.d.ts +25 -0
  79. package/dist/components/Ui/Image/D1ImageAiWiki.vue.d.ts +3 -0
  80. package/dist/components/Ui/Image/index.d.ts +5 -0
  81. package/dist/components/Ui/Image/props.d.ts +19 -0
  82. package/dist/components/Ui/Image/wiki.d.ts +2 -0
  83. package/dist/components/Ui/Input/D1Input.vue.d.ts +37 -0
  84. package/dist/components/Ui/Input/index.d.ts +5 -0
  85. package/dist/components/Ui/Input/props.d.ts +18 -0
  86. package/dist/components/Ui/Input/wiki.d.ts +2 -0
  87. package/dist/components/Ui/List/D1List.vue.d.ts +33 -0
  88. package/dist/components/Ui/List/index.d.ts +5 -0
  89. package/dist/components/Ui/List/props.d.ts +18 -0
  90. package/dist/components/Ui/List/wiki.d.ts +2 -0
  91. package/dist/components/Ui/ListGroup/D1ListGroup.vue.d.ts +20 -0
  92. package/dist/components/Ui/ListGroup/index.d.ts +5 -0
  93. package/dist/components/Ui/ListGroup/props.d.ts +14 -0
  94. package/dist/components/Ui/ListGroup/wiki.d.ts +2 -0
  95. package/dist/components/Ui/ListItem/D1ListItem.vue.d.ts +28 -0
  96. package/dist/components/Ui/ListItem/index.d.ts +5 -0
  97. package/dist/components/Ui/ListItem/props.d.ts +33 -0
  98. package/dist/components/Ui/ListItem/wiki.d.ts +2 -0
  99. package/dist/components/Ui/ListMenu/D1ListMenu.vue.d.ts +33 -0
  100. package/dist/components/Ui/ListMenu/index.d.ts +5 -0
  101. package/dist/components/Ui/ListMenu/props.d.ts +18 -0
  102. package/dist/components/Ui/ListMenu/wiki.d.ts +2 -0
  103. package/dist/components/Ui/Mask/D1Mask.vue.d.ts +48 -0
  104. package/dist/components/Ui/Mask/index.d.ts +5 -0
  105. package/dist/components/Ui/Mask/props.d.ts +19 -0
  106. package/dist/components/Ui/Mask/wiki.d.ts +2 -0
  107. package/dist/components/Ui/Menu/D1Menu.vue.d.ts +65 -0
  108. package/dist/components/Ui/Menu/index.d.ts +5 -0
  109. package/dist/components/Ui/Menu/props.d.ts +20 -0
  110. package/dist/components/Ui/Menu/wiki.d.ts +2 -0
  111. package/dist/components/Ui/Modal/D1Modal.vue.d.ts +44 -0
  112. package/dist/components/Ui/Modal/index.d.ts +5 -0
  113. package/dist/components/Ui/Modal/props.d.ts +24 -0
  114. package/dist/components/Ui/Modal/wiki.d.ts +2 -0
  115. package/dist/components/Ui/MotionTransform/D1MotionTransform.vue.d.ts +35 -0
  116. package/dist/components/Ui/MotionTransform/index.d.ts +5 -0
  117. package/dist/components/Ui/MotionTransform/props.d.ts +18 -0
  118. package/dist/components/Ui/MotionTransform/wiki.d.ts +2 -0
  119. package/dist/components/Ui/Page/D1Page.vue.d.ts +21 -0
  120. package/dist/components/Ui/Page/index.d.ts +5 -0
  121. package/dist/components/Ui/Page/props.d.ts +11 -0
  122. package/dist/components/Ui/Page/wiki.d.ts +2 -0
  123. package/dist/components/Ui/Progress/D1Progress.vue.d.ts +18 -0
  124. package/dist/components/Ui/Progress/index.d.ts +5 -0
  125. package/dist/components/Ui/Progress/props.d.ts +26 -0
  126. package/dist/components/Ui/Progress/wiki.d.ts +2 -0
  127. package/dist/components/Ui/Ripple/D1Ripple.vue.d.ts +17 -0
  128. package/dist/components/Ui/Ripple/index.d.ts +5 -0
  129. package/dist/components/Ui/Ripple/props.d.ts +11 -0
  130. package/dist/components/Ui/Ripple/wiki.d.ts +2 -0
  131. package/dist/components/Ui/Scrollbar/D1Scrollbar.vue.d.ts +34 -0
  132. package/dist/components/Ui/Scrollbar/index.d.ts +5 -0
  133. package/dist/components/Ui/Scrollbar/props.d.ts +19 -0
  134. package/dist/components/Ui/Scrollbar/wiki.d.ts +2 -0
  135. package/dist/components/Ui/Section/D1Section.vue.d.ts +21 -0
  136. package/dist/components/Ui/Section/index.d.ts +5 -0
  137. package/dist/components/Ui/Section/props.d.ts +11 -0
  138. package/dist/components/Ui/Section/wiki.d.ts +2 -0
  139. package/dist/components/Ui/Select/D1Select.vue.d.ts +45 -0
  140. package/dist/components/Ui/Select/index.d.ts +5 -0
  141. package/dist/components/Ui/Select/props.d.ts +19 -0
  142. package/dist/components/Ui/Select/wiki.d.ts +2 -0
  143. package/dist/components/Ui/SelectValue/D1SelectValue.vue.d.ts +25 -0
  144. package/dist/components/Ui/SelectValue/index.d.ts +5 -0
  145. package/dist/components/Ui/SelectValue/props.d.ts +13 -0
  146. package/dist/components/Ui/SelectValue/wiki.d.ts +2 -0
  147. package/dist/components/Ui/Skeleton/D1Skeleton.vue.d.ts +20 -0
  148. package/dist/components/Ui/Skeleton/index.d.ts +4 -0
  149. package/dist/components/Ui/Skeleton/props.d.ts +13 -0
  150. package/dist/components/Ui/Skeleton/wiki.d.ts +2 -0
  151. package/dist/components/Ui/TextareaAutosize/D1TextareaAutosize.vue.d.ts +24 -0
  152. package/dist/components/Ui/TextareaAutosize/index.d.ts +5 -0
  153. package/dist/components/Ui/TextareaAutosize/props.d.ts +15 -0
  154. package/dist/components/Ui/TextareaAutosize/wiki.d.ts +2 -0
  155. package/dist/components/Ui/Tooltip/D1Tooltip.vue.d.ts +24 -0
  156. package/dist/components/Ui/Tooltip/index.d.ts +5 -0
  157. package/dist/components/Ui/Tooltip/props.d.ts +15 -0
  158. package/dist/components/Ui/Tooltip/wiki.d.ts +2 -0
  159. package/dist/components/Ui/Window/D1Window.vue.d.ts +52 -0
  160. package/dist/components/Ui/Window/index.d.ts +5 -0
  161. package/dist/components/Ui/Window/props.d.ts +37 -0
  162. package/dist/components/Ui/Window/wiki.d.ts +2 -0
  163. package/dist/design.js +165 -0
  164. package/dist/index-BWyEZpKM.js +66 -0
  165. package/dist/library/D1Accordion.d.ts +1 -0
  166. package/dist/library/D1Image.d.ts +1 -0
  167. package/dist/library/ai-list.wiki.d.ts +1 -0
  168. package/dist/library/design.d.ts +6 -0
  169. package/dist/library/plugin.d.ts +9 -0
  170. package/dist/library/types.d.ts +82 -0
  171. package/dist/library.d.ts +0 -0
  172. package/dist/library.js +1 -0
  173. package/dist/main.d.ts +0 -0
  174. package/dist/plugin.js +16 -0
  175. package/dist/style.css +1 -0
  176. package/dist/types.js +1 -0
  177. package/dist/wiki/wiki.d.ts +2 -0
  178. package/package.json +75 -0
  179. package/src/styles/Ui/basic.scss +3 -0
  180. package/src/styles/Ui/classes/d1-background.scss +57 -0
  181. package/src/styles/Ui/classes/d1-border.scss +117 -0
  182. package/src/styles/Ui/classes/d1-color.scss +118 -0
  183. package/src/styles/Ui/classes/d1-dark.scss +396 -0
  184. package/src/styles/Ui/classes/d1-elevation.scss +61 -0
  185. package/src/styles/Ui/classes/d1-font.scss +243 -0
  186. package/src/styles/Ui/classes/d1-grid.scss +17 -0
  187. package/src/styles/Ui/classes/d1-main.scss +28 -0
  188. package/src/styles/Ui/classes/d1-margin-x.scss +31 -0
  189. package/src/styles/Ui/classes/d1-margin-y.scss +51 -0
  190. package/src/styles/Ui/classes/d1-margin.scss +55 -0
  191. package/src/styles/Ui/classes/d1-outline.scss +24 -0
  192. package/src/styles/Ui/classes/d1-padding-x.scss +31 -0
  193. package/src/styles/Ui/classes/d1-padding-y.scss +31 -0
  194. package/src/styles/Ui/classes/d1-padding.scss +51 -0
  195. package/src/styles/Ui/classes/d1-palette.scss +363 -0
  196. package/src/styles/Ui/classes/d1-system.scss +26 -0
  197. package/src/styles/Ui/classes.scss +17 -0
  198. package/src/styles/Ui/list.json +10984 -0
  199. package/src/styles/Ui/main.scss +6 -0
  200. package/src/styles/Ui/properties.scss +12584 -0
  201. package/src/styles/Ui/style.scss +6 -0
  202. package/src/styles/Ui/vars.scss +669 -0
package/src/styles/Ui/classes/d1-dark.scss ADDED
@@ -0,0 +1,396 @@
1
+ @use "@dxtmisha/styles" as ui;
2
+
3
+ .d1-dark {
4
+ --d1-sys-background-0: rgb(var(--d1-ref-palette-slate-950));
5
+ --d1-sys-background-1: rgb(var(--d1-ref-palette-slate-900));
6
+ --d1-sys-background-2: rgb(var(--d1-ref-palette-slate-800));
7
+ --d1-sys-background-3: rgb(var(--d1-ref-palette-slate-800));
8
+ --d1-sys-background-4: rgb(var(--d1-ref-palette-slate-700));
9
+ --d1-sys-background-5: rgb(var(--d1-ref-palette-slate-700));
10
+ --d1-sys-palette-primary: var(--d1-ref-palette-blue-200);
11
+ --d1-sys-palette-primaryVariant: var(--d1-ref-palette-blue-400);
12
+ --d1-sys-palette-warning: var(--d1-ref-palette-yellow-200);
13
+ --d1-sys-palette-success: var(--d1-ref-palette-green-200);
14
+ --d1-sys-palette-error: var(--d1-ref-palette-red-200);
15
+ --d1-sys-palette-surface: var(--d1-ref-palette-slate-800);
16
+ --d1-sys-palette-onPrimary: var(--d1-ref-palette-slate-950);
17
+ --d1-sys-palette-onSurface: var(--d1-ref-palette-slate-50);
18
+ --d1-sys-palette-outline: var(--d1-ref-palette-slate-200);
19
+ --d1-sys-palette-outlineVariant: var(--d1-ref-palette-slate-400);
20
+ --d1-sys-palette-scrim: var(--d1-ref-palette-slate-50);
21
+ --d1-sys-palette-inversePrimary: var(--d1-ref-palette-blue-600);
22
+ --d1-sys-palette-inversePrimaryVariant: var(--d1-ref-palette-blue-800);
23
+ --d1-sys-palette-inverseSurface: var(--d1-ref-palette-slate-200);
24
+ --d1-sys-palette-inverseOnPrimary: var(--d1-ref-palette-slate-50);
25
+ --d1-sys-palette-inverseOnSurface: var(--d1-ref-palette-slate-950);
26
+ --d1-sys-palette-shadow: var(--d1-ref-palette-neutral-700);
27
+ --d1-sys-shadow-none: var(--d1-ref-shadow-0);
28
+ --d1-sys-shadow-xs: var(--d1-ref-shadow-2);
29
+ --d1-sys-shadow-sm: var(--d1-ref-shadow-3);
30
+ --d1-sys-shadow-md: var(--d1-ref-shadow-4);
31
+ --d1-sys-shadow-lg: var(--d1-ref-shadow-5);
32
+ --d1-sys-shadow-xl: var(--d1-ref-shadow-6);
33
+ --d1-sys-shadow-2xl: var(--d1-ref-shadow-7);
34
+
35
+ & .d1-palette {
36
+ &--red {
37
+ --d1-palette-dark50: var(--d1-ref-palette-red-50);
38
+ --d1-palette-dark100: var(--d1-ref-palette-red-100);
39
+ --d1-palette-dark200: var(--d1-ref-palette-red-200);
40
+ --d1-palette-dark300: var(--d1-ref-palette-red-300);
41
+ --d1-palette-dark400: var(--d1-ref-palette-red-400);
42
+ --d1-palette-dark500: var(--d1-ref-palette-red-500);
43
+ --d1-palette-dark600: var(--d1-ref-palette-red-600);
44
+ --d1-palette-dark700: var(--d1-ref-palette-red-700);
45
+ --d1-palette-dark800: var(--d1-ref-palette-red-800);
46
+ --d1-palette-dark900: var(--d1-ref-palette-red-900);
47
+ --d1-palette-dark950: var(--d1-ref-palette-red-950);
48
+ --sys-palette: var(--d1-ref-palette-red-200);
49
+ }
50
+
51
+ &--orange {
52
+ --d1-palette-dark50: var(--d1-ref-palette-orange-50);
53
+ --d1-palette-dark100: var(--d1-ref-palette-orange-100);
54
+ --d1-palette-dark200: var(--d1-ref-palette-orange-200);
55
+ --d1-palette-dark300: var(--d1-ref-palette-orange-300);
56
+ --d1-palette-dark400: var(--d1-ref-palette-orange-400);
57
+ --d1-palette-dark500: var(--d1-ref-palette-orange-500);
58
+ --d1-palette-dark600: var(--d1-ref-palette-orange-600);
59
+ --d1-palette-dark700: var(--d1-ref-palette-orange-700);
60
+ --d1-palette-dark800: var(--d1-ref-palette-orange-800);
61
+ --d1-palette-dark900: var(--d1-ref-palette-orange-900);
62
+ --d1-palette-dark950: var(--d1-ref-palette-orange-950);
63
+ --sys-palette: var(--d1-ref-palette-orange-200);
64
+ }
65
+
66
+ &--amber {
67
+ --d1-palette-dark50: var(--d1-ref-palette-amber-50);
68
+ --d1-palette-dark100: var(--d1-ref-palette-amber-100);
69
+ --d1-palette-dark200: var(--d1-ref-palette-amber-200);
70
+ --d1-palette-dark300: var(--d1-ref-palette-amber-300);
71
+ --d1-palette-dark400: var(--d1-ref-palette-amber-400);
72
+ --d1-palette-dark500: var(--d1-ref-palette-amber-500);
73
+ --d1-palette-dark600: var(--d1-ref-palette-amber-600);
74
+ --d1-palette-dark700: var(--d1-ref-palette-amber-700);
75
+ --d1-palette-dark800: var(--d1-ref-palette-amber-800);
76
+ --d1-palette-dark900: var(--d1-ref-palette-amber-900);
77
+ --d1-palette-dark950: var(--d1-ref-palette-amber-950);
78
+ --sys-palette: var(--d1-ref-palette-amber-200);
79
+ }
80
+
81
+ &--yellow {
82
+ --d1-palette-dark50: var(--d1-ref-palette-yellow-50);
83
+ --d1-palette-dark100: var(--d1-ref-palette-yellow-100);
84
+ --d1-palette-dark200: var(--d1-ref-palette-yellow-200);
85
+ --d1-palette-dark300: var(--d1-ref-palette-yellow-300);
86
+ --d1-palette-dark400: var(--d1-ref-palette-yellow-400);
87
+ --d1-palette-dark500: var(--d1-ref-palette-yellow-500);
88
+ --d1-palette-dark600: var(--d1-ref-palette-yellow-600);
89
+ --d1-palette-dark700: var(--d1-ref-palette-yellow-700);
90
+ --d1-palette-dark800: var(--d1-ref-palette-yellow-800);
91
+ --d1-palette-dark900: var(--d1-ref-palette-yellow-900);
92
+ --d1-palette-dark950: var(--d1-ref-palette-yellow-950);
93
+ --sys-palette: var(--d1-ref-palette-yellow-200);
94
+ }
95
+
96
+ &--lime {
97
+ --d1-palette-dark50: var(--d1-ref-palette-lime-50);
98
+ --d1-palette-dark100: var(--d1-ref-palette-lime-100);
99
+ --d1-palette-dark200: var(--d1-ref-palette-lime-200);
100
+ --d1-palette-dark300: var(--d1-ref-palette-lime-300);
101
+ --d1-palette-dark400: var(--d1-ref-palette-lime-400);
102
+ --d1-palette-dark500: var(--d1-ref-palette-lime-500);
103
+ --d1-palette-dark600: var(--d1-ref-palette-lime-600);
104
+ --d1-palette-dark700: var(--d1-ref-palette-lime-700);
105
+ --d1-palette-dark800: var(--d1-ref-palette-lime-800);
106
+ --d1-palette-dark900: var(--d1-ref-palette-lime-900);
107
+ --d1-palette-dark950: var(--d1-ref-palette-lime-950);
108
+ --sys-palette: var(--d1-ref-palette-lime-200);
109
+ }
110
+
111
+ &--green {
112
+ --d1-palette-dark50: var(--d1-ref-palette-green-50);
113
+ --d1-palette-dark100: var(--d1-ref-palette-green-100);
114
+ --d1-palette-dark200: var(--d1-ref-palette-green-200);
115
+ --d1-palette-dark300: var(--d1-ref-palette-green-300);
116
+ --d1-palette-dark400: var(--d1-ref-palette-green-400);
117
+ --d1-palette-dark500: var(--d1-ref-palette-green-500);
118
+ --d1-palette-dark600: var(--d1-ref-palette-green-600);
119
+ --d1-palette-dark700: var(--d1-ref-palette-green-700);
120
+ --d1-palette-dark800: var(--d1-ref-palette-green-800);
121
+ --d1-palette-dark900: var(--d1-ref-palette-green-900);
122
+ --d1-palette-dark950: var(--d1-ref-palette-green-950);
123
+ --sys-palette: var(--d1-ref-palette-green-200);
124
+ }
125
+
126
+ &--emerald {
127
+ --d1-palette-dark50: var(--d1-ref-palette-emerald-50);
128
+ --d1-palette-dark100: var(--d1-ref-palette-emerald-100);
129
+ --d1-palette-dark200: var(--d1-ref-palette-emerald-200);
130
+ --d1-palette-dark300: var(--d1-ref-palette-emerald-300);
131
+ --d1-palette-dark400: var(--d1-ref-palette-emerald-400);
132
+ --d1-palette-dark500: var(--d1-ref-palette-emerald-500);
133
+ --d1-palette-dark600: var(--d1-ref-palette-emerald-600);
134
+ --d1-palette-dark700: var(--d1-ref-palette-emerald-700);
135
+ --d1-palette-dark800: var(--d1-ref-palette-emerald-800);
136
+ --d1-palette-dark900: var(--d1-ref-palette-emerald-900);
137
+ --d1-palette-dark950: var(--d1-ref-palette-emerald-950);
138
+ --sys-palette: var(--d1-ref-palette-emerald-200);
139
+ }
140
+
141
+ &--teal {
142
+ --d1-palette-dark50: var(--d1-ref-palette-teal-50);
143
+ --d1-palette-dark100: var(--d1-ref-palette-teal-100);
144
+ --d1-palette-dark200: var(--d1-ref-palette-teal-200);
145
+ --d1-palette-dark300: var(--d1-ref-palette-teal-300);
146
+ --d1-palette-dark400: var(--d1-ref-palette-teal-400);
147
+ --d1-palette-dark500: var(--d1-ref-palette-teal-500);
148
+ --d1-palette-dark600: var(--d1-ref-palette-teal-600);
149
+ --d1-palette-dark700: var(--d1-ref-palette-teal-700);
150
+ --d1-palette-dark800: var(--d1-ref-palette-teal-800);
151
+ --d1-palette-dark900: var(--d1-ref-palette-teal-900);
152
+ --d1-palette-dark950: var(--d1-ref-palette-teal-950);
153
+ --sys-palette: var(--d1-ref-palette-teal-200);
154
+ }
155
+
156
+ &--cyan {
157
+ --d1-palette-dark50: var(--d1-ref-palette-cyan-50);
158
+ --d1-palette-dark100: var(--d1-ref-palette-cyan-100);
159
+ --d1-palette-dark200: var(--d1-ref-palette-cyan-200);
160
+ --d1-palette-dark300: var(--d1-ref-palette-cyan-300);
161
+ --d1-palette-dark400: var(--d1-ref-palette-cyan-400);
162
+ --d1-palette-dark500: var(--d1-ref-palette-cyan-500);
163
+ --d1-palette-dark600: var(--d1-ref-palette-cyan-600);
164
+ --d1-palette-dark700: var(--d1-ref-palette-cyan-700);
165
+ --d1-palette-dark800: var(--d1-ref-palette-cyan-800);
166
+ --d1-palette-dark900: var(--d1-ref-palette-cyan-900);
167
+ --d1-palette-dark950: var(--d1-ref-palette-cyan-950);
168
+ --sys-palette: var(--d1-ref-palette-cyan-200);
169
+ }
170
+
171
+ &--sky {
172
+ --d1-palette-dark50: var(--d1-ref-palette-sky-50);
173
+ --d1-palette-dark100: var(--d1-ref-palette-sky-100);
174
+ --d1-palette-dark200: var(--d1-ref-palette-sky-200);
175
+ --d1-palette-dark300: var(--d1-ref-palette-sky-300);
176
+ --d1-palette-dark400: var(--d1-ref-palette-sky-400);
177
+ --d1-palette-dark500: var(--d1-ref-palette-sky-500);
178
+ --d1-palette-dark600: var(--d1-ref-palette-sky-600);
179
+ --d1-palette-dark700: var(--d1-ref-palette-sky-700);
180
+ --d1-palette-dark800: var(--d1-ref-palette-sky-800);
181
+ --d1-palette-dark900: var(--d1-ref-palette-sky-900);
182
+ --d1-palette-dark950: var(--d1-ref-palette-sky-950);
183
+ --sys-palette: var(--d1-ref-palette-sky-200);
184
+ }
185
+
186
+ &--blue {
187
+ --d1-palette-dark50: var(--d1-ref-palette-blue-50);
188
+ --d1-palette-dark100: var(--d1-ref-palette-blue-100);
189
+ --d1-palette-dark200: var(--d1-ref-palette-blue-200);
190
+ --d1-palette-dark300: var(--d1-ref-palette-blue-300);
191
+ --d1-palette-dark400: var(--d1-ref-palette-blue-400);
192
+ --d1-palette-dark500: var(--d1-ref-palette-blue-500);
193
+ --d1-palette-dark600: var(--d1-ref-palette-blue-600);
194
+ --d1-palette-dark700: var(--d1-ref-palette-blue-700);
195
+ --d1-palette-dark800: var(--d1-ref-palette-blue-800);
196
+ --d1-palette-dark900: var(--d1-ref-palette-blue-900);
197
+ --d1-palette-dark950: var(--d1-ref-palette-blue-950);
198
+ --sys-palette: var(--d1-ref-palette-blue-200);
199
+ }
200
+
201
+ &--indigo {
202
+ --d1-palette-dark50: var(--d1-ref-palette-indigo-50);
203
+ --d1-palette-dark100: var(--d1-ref-palette-indigo-100);
204
+ --d1-palette-dark200: var(--d1-ref-palette-indigo-200);
205
+ --d1-palette-dark300: var(--d1-ref-palette-indigo-300);
206
+ --d1-palette-dark400: var(--d1-ref-palette-indigo-400);
207
+ --d1-palette-dark500: var(--d1-ref-palette-indigo-500);
208
+ --d1-palette-dark600: var(--d1-ref-palette-indigo-600);
209
+ --d1-palette-dark700: var(--d1-ref-palette-indigo-700);
210
+ --d1-palette-dark800: var(--d1-ref-palette-indigo-800);
211
+ --d1-palette-dark900: var(--d1-ref-palette-indigo-900);
212
+ --d1-palette-dark950: var(--d1-ref-palette-indigo-950);
213
+ --sys-palette: var(--d1-ref-palette-indigo-200);
214
+ }
215
+
216
+ &--violet {
217
+ --d1-palette-dark50: var(--d1-ref-palette-violet-50);
218
+ --d1-palette-dark100: var(--d1-ref-palette-violet-100);
219
+ --d1-palette-dark200: var(--d1-ref-palette-violet-200);
220
+ --d1-palette-dark300: var(--d1-ref-palette-violet-300);
221
+ --d1-palette-dark400: var(--d1-ref-palette-violet-400);
222
+ --d1-palette-dark500: var(--d1-ref-palette-violet-500);
223
+ --d1-palette-dark600: var(--d1-ref-palette-violet-600);
224
+ --d1-palette-dark700: var(--d1-ref-palette-violet-700);
225
+ --d1-palette-dark800: var(--d1-ref-palette-violet-800);
226
+ --d1-palette-dark900: var(--d1-ref-palette-violet-900);
227
+ --d1-palette-dark950: var(--d1-ref-palette-violet-950);
228
+ --sys-palette: var(--d1-ref-palette-violet-200);
229
+ }
230
+
231
+ &--purple {
232
+ --d1-palette-dark50: var(--d1-ref-palette-purple-50);
233
+ --d1-palette-dark100: var(--d1-ref-palette-purple-100);
234
+ --d1-palette-dark200: var(--d1-ref-palette-purple-200);
235
+ --d1-palette-dark300: var(--d1-ref-palette-purple-300);
236
+ --d1-palette-dark400: var(--d1-ref-palette-purple-400);
237
+ --d1-palette-dark500: var(--d1-ref-palette-purple-500);
238
+ --d1-palette-dark600: var(--d1-ref-palette-purple-600);
239
+ --d1-palette-dark700: var(--d1-ref-palette-purple-700);
240
+ --d1-palette-dark800: var(--d1-ref-palette-purple-800);
241
+ --d1-palette-dark900: var(--d1-ref-palette-purple-900);
242
+ --d1-palette-dark950: var(--d1-ref-palette-purple-950);
243
+ --sys-palette: var(--d1-ref-palette-purple-200);
244
+ }
245
+
246
+ &--fuchsia {
247
+ --d1-palette-dark50: var(--d1-ref-palette-fuchsia-50);
248
+ --d1-palette-dark100: var(--d1-ref-palette-fuchsia-100);
249
+ --d1-palette-dark200: var(--d1-ref-palette-fuchsia-200);
250
+ --d1-palette-dark300: var(--d1-ref-palette-fuchsia-300);
251
+ --d1-palette-dark400: var(--d1-ref-palette-fuchsia-400);
252
+ --d1-palette-dark500: var(--d1-ref-palette-fuchsia-500);
253
+ --d1-palette-dark600: var(--d1-ref-palette-fuchsia-600);
254
+ --d1-palette-dark700: var(--d1-ref-palette-fuchsia-700);
255
+ --d1-palette-dark800: var(--d1-ref-palette-fuchsia-800);
256
+ --d1-palette-dark900: var(--d1-ref-palette-fuchsia-900);
257
+ --d1-palette-dark950: var(--d1-ref-palette-fuchsia-950);
258
+ --sys-palette: var(--d1-ref-palette-fuchsia-200);
259
+ }
260
+
261
+ &--pink {
262
+ --d1-palette-dark50: var(--d1-ref-palette-pink-50);
263
+ --d1-palette-dark100: var(--d1-ref-palette-pink-100);
264
+ --d1-palette-dark200: var(--d1-ref-palette-pink-200);
265
+ --d1-palette-dark300: var(--d1-ref-palette-pink-300);
266
+ --d1-palette-dark400: var(--d1-ref-palette-pink-400);
267
+ --d1-palette-dark500: var(--d1-ref-palette-pink-500);
268
+ --d1-palette-dark600: var(--d1-ref-palette-pink-600);
269
+ --d1-palette-dark700: var(--d1-ref-palette-pink-700);
270
+ --d1-palette-dark800: var(--d1-ref-palette-pink-800);
271
+ --d1-palette-dark900: var(--d1-ref-palette-pink-900);
272
+ --d1-palette-dark950: var(--d1-ref-palette-pink-950);
273
+ --sys-palette: var(--d1-ref-palette-pink-200);
274
+ }
275
+
276
+ &--rose {
277
+ --d1-palette-dark50: var(--d1-ref-palette-rose-50);
278
+ --d1-palette-dark100: var(--d1-ref-palette-rose-100);
279
+ --d1-palette-dark200: var(--d1-ref-palette-rose-200);
280
+ --d1-palette-dark300: var(--d1-ref-palette-rose-300);
281
+ --d1-palette-dark400: var(--d1-ref-palette-rose-400);
282
+ --d1-palette-dark500: var(--d1-ref-palette-rose-500);
283
+ --d1-palette-dark600: var(--d1-ref-palette-rose-600);
284
+ --d1-palette-dark700: var(--d1-ref-palette-rose-700);
285
+ --d1-palette-dark800: var(--d1-ref-palette-rose-800);
286
+ --d1-palette-dark900: var(--d1-ref-palette-rose-900);
287
+ --d1-palette-dark950: var(--d1-ref-palette-rose-950);
288
+ --sys-palette: var(--d1-ref-palette-rose-200);
289
+ }
290
+
291
+ &--slate {
292
+ --d1-palette-dark50: var(--d1-ref-palette-slate-50);
293
+ --d1-palette-dark100: var(--d1-ref-palette-slate-100);
294
+ --d1-palette-dark200: var(--d1-ref-palette-slate-200);
295
+ --d1-palette-dark300: var(--d1-ref-palette-slate-300);
296
+ --d1-palette-dark400: var(--d1-ref-palette-slate-400);
297
+ --d1-palette-dark500: var(--d1-ref-palette-slate-500);
298
+ --d1-palette-dark600: var(--d1-ref-palette-slate-600);
299
+ --d1-palette-dark700: var(--d1-ref-palette-slate-700);
300
+ --d1-palette-dark800: var(--d1-ref-palette-slate-800);
301
+ --d1-palette-dark900: var(--d1-ref-palette-slate-900);
302
+ --d1-palette-dark950: var(--d1-ref-palette-slate-950);
303
+ --sys-palette: var(--d1-ref-palette-slate-200);
304
+ }
305
+
306
+ &--gray {
307
+ --d1-palette-dark50: var(--d1-ref-palette-gray-50);
308
+ --d1-palette-dark100: var(--d1-ref-palette-gray-100);
309
+ --d1-palette-dark200: var(--d1-ref-palette-gray-200);
310
+ --d1-palette-dark300: var(--d1-ref-palette-gray-300);
311
+ --d1-palette-dark400: var(--d1-ref-palette-gray-400);
312
+ --d1-palette-dark500: var(--d1-ref-palette-gray-500);
313
+ --d1-palette-dark600: var(--d1-ref-palette-gray-600);
314
+ --d1-palette-dark700: var(--d1-ref-palette-gray-700);
315
+ --d1-palette-dark800: var(--d1-ref-palette-gray-800);
316
+ --d1-palette-dark900: var(--d1-ref-palette-gray-900);
317
+ --d1-palette-dark950: var(--d1-ref-palette-gray-950);
318
+ --sys-palette: var(--d1-ref-palette-gray-200);
319
+ }
320
+
321
+ &--zinc {
322
+ --d1-palette-dark50: var(--d1-ref-palette-zinc-50);
323
+ --d1-palette-dark100: var(--d1-ref-palette-zinc-100);
324
+ --d1-palette-dark200: var(--d1-ref-palette-zinc-200);
325
+ --d1-palette-dark300: var(--d1-ref-palette-zinc-300);
326
+ --d1-palette-dark400: var(--d1-ref-palette-zinc-400);
327
+ --d1-palette-dark500: var(--d1-ref-palette-zinc-500);
328
+ --d1-palette-dark600: var(--d1-ref-palette-zinc-600);
329
+ --d1-palette-dark700: var(--d1-ref-palette-zinc-700);
330
+ --d1-palette-dark800: var(--d1-ref-palette-zinc-800);
331
+ --d1-palette-dark900: var(--d1-ref-palette-zinc-900);
332
+ --d1-palette-dark950: var(--d1-ref-palette-zinc-950);
333
+ --sys-palette: var(--d1-ref-palette-zinc-200);
334
+ }
335
+
336
+ &--neutral {
337
+ --d1-palette-dark50: var(--d1-ref-palette-neutral-50);
338
+ --d1-palette-dark100: var(--d1-ref-palette-neutral-100);
339
+ --d1-palette-dark200: var(--d1-ref-palette-neutral-200);
340
+ --d1-palette-dark300: var(--d1-ref-palette-neutral-300);
341
+ --d1-palette-dark400: var(--d1-ref-palette-neutral-400);
342
+ --d1-palette-dark500: var(--d1-ref-palette-neutral-500);
343
+ --d1-palette-dark600: var(--d1-ref-palette-neutral-600);
344
+ --d1-palette-dark700: var(--d1-ref-palette-neutral-700);
345
+ --d1-palette-dark800: var(--d1-ref-palette-neutral-800);
346
+ --d1-palette-dark900: var(--d1-ref-palette-neutral-900);
347
+ --d1-palette-dark950: var(--d1-ref-palette-neutral-950);
348
+ --sys-palette: var(--d1-ref-palette-neutral-200);
349
+ }
350
+
351
+ &--stone {
352
+ --d1-palette-dark50: var(--d1-ref-palette-stone-50);
353
+ --d1-palette-dark100: var(--d1-ref-palette-stone-100);
354
+ --d1-palette-dark200: var(--d1-ref-palette-stone-200);
355
+ --d1-palette-dark300: var(--d1-ref-palette-stone-300);
356
+ --d1-palette-dark400: var(--d1-ref-palette-stone-400);
357
+ --d1-palette-dark500: var(--d1-ref-palette-stone-500);
358
+ --d1-palette-dark600: var(--d1-ref-palette-stone-600);
359
+ --d1-palette-dark700: var(--d1-ref-palette-stone-700);
360
+ --d1-palette-dark800: var(--d1-ref-palette-stone-800);
361
+ --d1-palette-dark900: var(--d1-ref-palette-stone-900);
362
+ --d1-palette-dark950: var(--d1-ref-palette-stone-950);
363
+ --sys-palette: var(--d1-ref-palette-stone-200);
364
+ }
365
+
366
+ &--black {
367
+ --d1-palette-dark50: var(--d1-ref-palette-black-50);
368
+ --d1-palette-dark100: var(--d1-ref-palette-black-100);
369
+ --d1-palette-dark200: var(--d1-ref-palette-black-200);
370
+ --d1-palette-dark300: var(--d1-ref-palette-black-300);
371
+ --d1-palette-dark400: var(--d1-ref-palette-black-400);
372
+ --d1-palette-dark500: var(--d1-ref-palette-black-500);
373
+ --d1-palette-dark600: var(--d1-ref-palette-black-600);
374
+ --d1-palette-dark700: var(--d1-ref-palette-black-700);
375
+ --d1-palette-dark800: var(--d1-ref-palette-black-800);
376
+ --d1-palette-dark900: var(--d1-ref-palette-black-900);
377
+ --d1-palette-dark950: var(--d1-ref-palette-black-950);
378
+ --sys-palette: var(--d1-ref-palette-black-200);
379
+ }
380
+
381
+ &--white {
382
+ --d1-palette-dark50: var(--d1-ref-palette-white-50);
383
+ --d1-palette-dark100: var(--d1-ref-palette-white-100);
384
+ --d1-palette-dark200: var(--d1-ref-palette-white-200);
385
+ --d1-palette-dark300: var(--d1-ref-palette-white-300);
386
+ --d1-palette-dark400: var(--d1-ref-palette-white-400);
387
+ --d1-palette-dark500: var(--d1-ref-palette-white-500);
388
+ --d1-palette-dark600: var(--d1-ref-palette-white-600);
389
+ --d1-palette-dark700: var(--d1-ref-palette-white-700);
390
+ --d1-palette-dark800: var(--d1-ref-palette-white-800);
391
+ --d1-palette-dark900: var(--d1-ref-palette-white-900);
392
+ --d1-palette-dark950: var(--d1-ref-palette-white-950);
393
+ --sys-palette: var(--d1-ref-palette-white-200);
394
+ }
395
+ }
396
+ }
package/src/styles/Ui/classes/d1-elevation.scss ADDED
@@ -0,0 +1,61 @@
1
+ @use "@dxtmisha/styles" as ui;
2
+
3
+ .d1-elevation {
4
+ &--0 {
5
+ z-index: var(--d1-sys-index-none);
6
+
7
+ background: var(--d1-sys-background-0);
8
+
9
+ box-shadow: var(--d1-sys-shadow-none);
10
+ }
11
+
12
+ &--1 {
13
+ z-index: var(--d1-sys-index-lg);
14
+
15
+ background: var(--d1-sys-background-1);
16
+
17
+ border-radius: var(--d1-sys-rounded-lg);
18
+
19
+ box-shadow: var(--d1-sys-shadow-lg);
20
+ }
21
+
22
+ &--2 {
23
+ z-index: var(--d1-sys-index-lg);
24
+
25
+ background: var(--d1-sys-background-2);
26
+
27
+ border-radius: var(--d1-sys-rounded-lg);
28
+
29
+ box-shadow: var(--d1-sys-shadow-lg);
30
+ }
31
+
32
+ &--3 {
33
+ z-index: var(--d1-sys-index-xl);
34
+
35
+ background: var(--d1-sys-background-3);
36
+
37
+ border-radius: var(--d1-sys-rounded-xl);
38
+
39
+ box-shadow: var(--d1-sys-shadow-xl);
40
+ }
41
+
42
+ &--4 {
43
+ z-index: var(--d1-sys-index-xl);
44
+
45
+ background: var(--d1-sys-background-4);
46
+
47
+ border-radius: var(--d1-sys-rounded-xl);
48
+
49
+ box-shadow: var(--d1-sys-shadow-xl);
50
+ }
51
+
52
+ &--5 {
53
+ z-index: var(--d1-sys-index-2xl);
54
+
55
+ background: var(--d1-sys-background-5);
56
+
57
+ border-radius: var(--d1-sys-rounded-2xl);
58
+
59
+ box-shadow: var(--d1-sys-shadow-2xl);
60
+ }
61
+ }