@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-palette.scss ADDED
@@ -0,0 +1,363 @@
1
+ @use "@dxtmisha/styles" as ui;
2
+
3
+ .d1-palette {
4
+ &--red {
5
+ --d1-palette-basic50: var(--d1-ref-palette-red-50);
6
+ --d1-palette-basic100: var(--d1-ref-palette-red-100);
7
+ --d1-palette-basic200: var(--d1-ref-palette-red-200);
8
+ --d1-palette-basic300: var(--d1-ref-palette-red-300);
9
+ --d1-palette-basic400: var(--d1-ref-palette-red-400);
10
+ --d1-palette-basic500: var(--d1-ref-palette-red-500);
11
+ --d1-palette-basic600: var(--d1-ref-palette-red-600);
12
+ --d1-palette-basic700: var(--d1-ref-palette-red-700);
13
+ --d1-palette-basic800: var(--d1-ref-palette-red-800);
14
+ --d1-palette-basic900: var(--d1-ref-palette-red-900);
15
+ --d1-palette-basic950: var(--d1-ref-palette-red-950);
16
+ --sys-palette: var(--d1-ref-palette-red-500);
17
+ }
18
+
19
+ &--orange {
20
+ --d1-palette-basic50: var(--d1-ref-palette-orange-50);
21
+ --d1-palette-basic100: var(--d1-ref-palette-orange-100);
22
+ --d1-palette-basic200: var(--d1-ref-palette-orange-200);
23
+ --d1-palette-basic300: var(--d1-ref-palette-orange-300);
24
+ --d1-palette-basic400: var(--d1-ref-palette-orange-400);
25
+ --d1-palette-basic500: var(--d1-ref-palette-orange-500);
26
+ --d1-palette-basic600: var(--d1-ref-palette-orange-600);
27
+ --d1-palette-basic700: var(--d1-ref-palette-orange-700);
28
+ --d1-palette-basic800: var(--d1-ref-palette-orange-800);
29
+ --d1-palette-basic900: var(--d1-ref-palette-orange-900);
30
+ --d1-palette-basic950: var(--d1-ref-palette-orange-950);
31
+ --sys-palette: var(--d1-ref-palette-orange-500);
32
+ }
33
+
34
+ &--amber {
35
+ --d1-palette-basic50: var(--d1-ref-palette-amber-50);
36
+ --d1-palette-basic100: var(--d1-ref-palette-amber-100);
37
+ --d1-palette-basic200: var(--d1-ref-palette-amber-200);
38
+ --d1-palette-basic300: var(--d1-ref-palette-amber-300);
39
+ --d1-palette-basic400: var(--d1-ref-palette-amber-400);
40
+ --d1-palette-basic500: var(--d1-ref-palette-amber-500);
41
+ --d1-palette-basic600: var(--d1-ref-palette-amber-600);
42
+ --d1-palette-basic700: var(--d1-ref-palette-amber-700);
43
+ --d1-palette-basic800: var(--d1-ref-palette-amber-800);
44
+ --d1-palette-basic900: var(--d1-ref-palette-amber-900);
45
+ --d1-palette-basic950: var(--d1-ref-palette-amber-950);
46
+ --sys-palette: var(--d1-ref-palette-amber-500);
47
+ }
48
+
49
+ &--yellow {
50
+ --d1-palette-basic50: var(--d1-ref-palette-yellow-50);
51
+ --d1-palette-basic100: var(--d1-ref-palette-yellow-100);
52
+ --d1-palette-basic200: var(--d1-ref-palette-yellow-200);
53
+ --d1-palette-basic300: var(--d1-ref-palette-yellow-300);
54
+ --d1-palette-basic400: var(--d1-ref-palette-yellow-400);
55
+ --d1-palette-basic500: var(--d1-ref-palette-yellow-500);
56
+ --d1-palette-basic600: var(--d1-ref-palette-yellow-600);
57
+ --d1-palette-basic700: var(--d1-ref-palette-yellow-700);
58
+ --d1-palette-basic800: var(--d1-ref-palette-yellow-800);
59
+ --d1-palette-basic900: var(--d1-ref-palette-yellow-900);
60
+ --d1-palette-basic950: var(--d1-ref-palette-yellow-950);
61
+ --sys-palette: var(--d1-ref-palette-yellow-500);
62
+ }
63
+
64
+ &--lime {
65
+ --d1-palette-basic50: var(--d1-ref-palette-lime-50);
66
+ --d1-palette-basic100: var(--d1-ref-palette-lime-100);
67
+ --d1-palette-basic200: var(--d1-ref-palette-lime-200);
68
+ --d1-palette-basic300: var(--d1-ref-palette-lime-300);
69
+ --d1-palette-basic400: var(--d1-ref-palette-lime-400);
70
+ --d1-palette-basic500: var(--d1-ref-palette-lime-500);
71
+ --d1-palette-basic600: var(--d1-ref-palette-lime-600);
72
+ --d1-palette-basic700: var(--d1-ref-palette-lime-700);
73
+ --d1-palette-basic800: var(--d1-ref-palette-lime-800);
74
+ --d1-palette-basic900: var(--d1-ref-palette-lime-900);
75
+ --d1-palette-basic950: var(--d1-ref-palette-lime-950);
76
+ --sys-palette: var(--d1-ref-palette-lime-500);
77
+ }
78
+
79
+ &--green {
80
+ --d1-palette-basic50: var(--d1-ref-palette-green-50);
81
+ --d1-palette-basic100: var(--d1-ref-palette-green-100);
82
+ --d1-palette-basic200: var(--d1-ref-palette-green-200);
83
+ --d1-palette-basic300: var(--d1-ref-palette-green-300);
84
+ --d1-palette-basic400: var(--d1-ref-palette-green-400);
85
+ --d1-palette-basic500: var(--d1-ref-palette-green-500);
86
+ --d1-palette-basic600: var(--d1-ref-palette-green-600);
87
+ --d1-palette-basic700: var(--d1-ref-palette-green-700);
88
+ --d1-palette-basic800: var(--d1-ref-palette-green-800);
89
+ --d1-palette-basic900: var(--d1-ref-palette-green-900);
90
+ --d1-palette-basic950: var(--d1-ref-palette-green-950);
91
+ --sys-palette: var(--d1-ref-palette-green-500);
92
+ }
93
+
94
+ &--emerald {
95
+ --d1-palette-basic50: var(--d1-ref-palette-emerald-50);
96
+ --d1-palette-basic100: var(--d1-ref-palette-emerald-100);
97
+ --d1-palette-basic200: var(--d1-ref-palette-emerald-200);
98
+ --d1-palette-basic300: var(--d1-ref-palette-emerald-300);
99
+ --d1-palette-basic400: var(--d1-ref-palette-emerald-400);
100
+ --d1-palette-basic500: var(--d1-ref-palette-emerald-500);
101
+ --d1-palette-basic600: var(--d1-ref-palette-emerald-600);
102
+ --d1-palette-basic700: var(--d1-ref-palette-emerald-700);
103
+ --d1-palette-basic800: var(--d1-ref-palette-emerald-800);
104
+ --d1-palette-basic900: var(--d1-ref-palette-emerald-900);
105
+ --d1-palette-basic950: var(--d1-ref-palette-emerald-950);
106
+ --sys-palette: var(--d1-ref-palette-emerald-500);
107
+ }
108
+
109
+ &--teal {
110
+ --d1-palette-basic50: var(--d1-ref-palette-teal-50);
111
+ --d1-palette-basic100: var(--d1-ref-palette-teal-100);
112
+ --d1-palette-basic200: var(--d1-ref-palette-teal-200);
113
+ --d1-palette-basic300: var(--d1-ref-palette-teal-300);
114
+ --d1-palette-basic400: var(--d1-ref-palette-teal-400);
115
+ --d1-palette-basic500: var(--d1-ref-palette-teal-500);
116
+ --d1-palette-basic600: var(--d1-ref-palette-teal-600);
117
+ --d1-palette-basic700: var(--d1-ref-palette-teal-700);
118
+ --d1-palette-basic800: var(--d1-ref-palette-teal-800);
119
+ --d1-palette-basic900: var(--d1-ref-palette-teal-900);
120
+ --d1-palette-basic950: var(--d1-ref-palette-teal-950);
121
+ --sys-palette: var(--d1-ref-palette-teal-500);
122
+ }
123
+
124
+ &--cyan {
125
+ --d1-palette-basic50: var(--d1-ref-palette-cyan-50);
126
+ --d1-palette-basic100: var(--d1-ref-palette-cyan-100);
127
+ --d1-palette-basic200: var(--d1-ref-palette-cyan-200);
128
+ --d1-palette-basic300: var(--d1-ref-palette-cyan-300);
129
+ --d1-palette-basic400: var(--d1-ref-palette-cyan-400);
130
+ --d1-palette-basic500: var(--d1-ref-palette-cyan-500);
131
+ --d1-palette-basic600: var(--d1-ref-palette-cyan-600);
132
+ --d1-palette-basic700: var(--d1-ref-palette-cyan-700);
133
+ --d1-palette-basic800: var(--d1-ref-palette-cyan-800);
134
+ --d1-palette-basic900: var(--d1-ref-palette-cyan-900);
135
+ --d1-palette-basic950: var(--d1-ref-palette-cyan-950);
136
+ --sys-palette: var(--d1-ref-palette-cyan-500);
137
+ }
138
+
139
+ &--sky {
140
+ --d1-palette-basic50: var(--d1-ref-palette-sky-50);
141
+ --d1-palette-basic100: var(--d1-ref-palette-sky-100);
142
+ --d1-palette-basic200: var(--d1-ref-palette-sky-200);
143
+ --d1-palette-basic300: var(--d1-ref-palette-sky-300);
144
+ --d1-palette-basic400: var(--d1-ref-palette-sky-400);
145
+ --d1-palette-basic500: var(--d1-ref-palette-sky-500);
146
+ --d1-palette-basic600: var(--d1-ref-palette-sky-600);
147
+ --d1-palette-basic700: var(--d1-ref-palette-sky-700);
148
+ --d1-palette-basic800: var(--d1-ref-palette-sky-800);
149
+ --d1-palette-basic900: var(--d1-ref-palette-sky-900);
150
+ --d1-palette-basic950: var(--d1-ref-palette-sky-950);
151
+ --sys-palette: var(--d1-ref-palette-sky-500);
152
+ }
153
+
154
+ &--blue {
155
+ --d1-palette-basic50: var(--d1-ref-palette-blue-50);
156
+ --d1-palette-basic100: var(--d1-ref-palette-blue-100);
157
+ --d1-palette-basic200: var(--d1-ref-palette-blue-200);
158
+ --d1-palette-basic300: var(--d1-ref-palette-blue-300);
159
+ --d1-palette-basic400: var(--d1-ref-palette-blue-400);
160
+ --d1-palette-basic500: var(--d1-ref-palette-blue-500);
161
+ --d1-palette-basic600: var(--d1-ref-palette-blue-600);
162
+ --d1-palette-basic700: var(--d1-ref-palette-blue-700);
163
+ --d1-palette-basic800: var(--d1-ref-palette-blue-800);
164
+ --d1-palette-basic900: var(--d1-ref-palette-blue-900);
165
+ --d1-palette-basic950: var(--d1-ref-palette-blue-950);
166
+ --sys-palette: var(--d1-ref-palette-blue-500);
167
+ }
168
+
169
+ &--indigo {
170
+ --d1-palette-basic50: var(--d1-ref-palette-indigo-50);
171
+ --d1-palette-basic100: var(--d1-ref-palette-indigo-100);
172
+ --d1-palette-basic200: var(--d1-ref-palette-indigo-200);
173
+ --d1-palette-basic300: var(--d1-ref-palette-indigo-300);
174
+ --d1-palette-basic400: var(--d1-ref-palette-indigo-400);
175
+ --d1-palette-basic500: var(--d1-ref-palette-indigo-500);
176
+ --d1-palette-basic600: var(--d1-ref-palette-indigo-600);
177
+ --d1-palette-basic700: var(--d1-ref-palette-indigo-700);
178
+ --d1-palette-basic800: var(--d1-ref-palette-indigo-800);
179
+ --d1-palette-basic900: var(--d1-ref-palette-indigo-900);
180
+ --d1-palette-basic950: var(--d1-ref-palette-indigo-950);
181
+ --sys-palette: var(--d1-ref-palette-indigo-500);
182
+ }
183
+
184
+ &--violet {
185
+ --d1-palette-basic50: var(--d1-ref-palette-violet-50);
186
+ --d1-palette-basic100: var(--d1-ref-palette-violet-100);
187
+ --d1-palette-basic200: var(--d1-ref-palette-violet-200);
188
+ --d1-palette-basic300: var(--d1-ref-palette-violet-300);
189
+ --d1-palette-basic400: var(--d1-ref-palette-violet-400);
190
+ --d1-palette-basic500: var(--d1-ref-palette-violet-500);
191
+ --d1-palette-basic600: var(--d1-ref-palette-violet-600);
192
+ --d1-palette-basic700: var(--d1-ref-palette-violet-700);
193
+ --d1-palette-basic800: var(--d1-ref-palette-violet-800);
194
+ --d1-palette-basic900: var(--d1-ref-palette-violet-900);
195
+ --d1-palette-basic950: var(--d1-ref-palette-violet-950);
196
+ --sys-palette: var(--d1-ref-palette-violet-500);
197
+ }
198
+
199
+ &--purple {
200
+ --d1-palette-basic50: var(--d1-ref-palette-purple-50);
201
+ --d1-palette-basic100: var(--d1-ref-palette-purple-100);
202
+ --d1-palette-basic200: var(--d1-ref-palette-purple-200);
203
+ --d1-palette-basic300: var(--d1-ref-palette-purple-300);
204
+ --d1-palette-basic400: var(--d1-ref-palette-purple-400);
205
+ --d1-palette-basic500: var(--d1-ref-palette-purple-500);
206
+ --d1-palette-basic600: var(--d1-ref-palette-purple-600);
207
+ --d1-palette-basic700: var(--d1-ref-palette-purple-700);
208
+ --d1-palette-basic800: var(--d1-ref-palette-purple-800);
209
+ --d1-palette-basic900: var(--d1-ref-palette-purple-900);
210
+ --d1-palette-basic950: var(--d1-ref-palette-purple-950);
211
+ --sys-palette: var(--d1-ref-palette-purple-500);
212
+ }
213
+
214
+ &--fuchsia {
215
+ --d1-palette-basic50: var(--d1-ref-palette-fuchsia-50);
216
+ --d1-palette-basic100: var(--d1-ref-palette-fuchsia-100);
217
+ --d1-palette-basic200: var(--d1-ref-palette-fuchsia-200);
218
+ --d1-palette-basic300: var(--d1-ref-palette-fuchsia-300);
219
+ --d1-palette-basic400: var(--d1-ref-palette-fuchsia-400);
220
+ --d1-palette-basic500: var(--d1-ref-palette-fuchsia-500);
221
+ --d1-palette-basic600: var(--d1-ref-palette-fuchsia-600);
222
+ --d1-palette-basic700: var(--d1-ref-palette-fuchsia-700);
223
+ --d1-palette-basic800: var(--d1-ref-palette-fuchsia-800);
224
+ --d1-palette-basic900: var(--d1-ref-palette-fuchsia-900);
225
+ --d1-palette-basic950: var(--d1-ref-palette-fuchsia-950);
226
+ --sys-palette: var(--d1-ref-palette-fuchsia-500);
227
+ }
228
+
229
+ &--pink {
230
+ --d1-palette-basic50: var(--d1-ref-palette-pink-50);
231
+ --d1-palette-basic100: var(--d1-ref-palette-pink-100);
232
+ --d1-palette-basic200: var(--d1-ref-palette-pink-200);
233
+ --d1-palette-basic300: var(--d1-ref-palette-pink-300);
234
+ --d1-palette-basic400: var(--d1-ref-palette-pink-400);
235
+ --d1-palette-basic500: var(--d1-ref-palette-pink-500);
236
+ --d1-palette-basic600: var(--d1-ref-palette-pink-600);
237
+ --d1-palette-basic700: var(--d1-ref-palette-pink-700);
238
+ --d1-palette-basic800: var(--d1-ref-palette-pink-800);
239
+ --d1-palette-basic900: var(--d1-ref-palette-pink-900);
240
+ --d1-palette-basic950: var(--d1-ref-palette-pink-950);
241
+ --sys-palette: var(--d1-ref-palette-pink-500);
242
+ }
243
+
244
+ &--rose {
245
+ --d1-palette-basic50: var(--d1-ref-palette-rose-50);
246
+ --d1-palette-basic100: var(--d1-ref-palette-rose-100);
247
+ --d1-palette-basic200: var(--d1-ref-palette-rose-200);
248
+ --d1-palette-basic300: var(--d1-ref-palette-rose-300);
249
+ --d1-palette-basic400: var(--d1-ref-palette-rose-400);
250
+ --d1-palette-basic500: var(--d1-ref-palette-rose-500);
251
+ --d1-palette-basic600: var(--d1-ref-palette-rose-600);
252
+ --d1-palette-basic700: var(--d1-ref-palette-rose-700);
253
+ --d1-palette-basic800: var(--d1-ref-palette-rose-800);
254
+ --d1-palette-basic900: var(--d1-ref-palette-rose-900);
255
+ --d1-palette-basic950: var(--d1-ref-palette-rose-950);
256
+ --sys-palette: var(--d1-ref-palette-rose-500);
257
+ }
258
+
259
+ &--slate {
260
+ --d1-palette-basic50: var(--d1-ref-palette-slate-50);
261
+ --d1-palette-basic100: var(--d1-ref-palette-slate-100);
262
+ --d1-palette-basic200: var(--d1-ref-palette-slate-200);
263
+ --d1-palette-basic300: var(--d1-ref-palette-slate-300);
264
+ --d1-palette-basic400: var(--d1-ref-palette-slate-400);
265
+ --d1-palette-basic500: var(--d1-ref-palette-slate-500);
266
+ --d1-palette-basic600: var(--d1-ref-palette-slate-600);
267
+ --d1-palette-basic700: var(--d1-ref-palette-slate-700);
268
+ --d1-palette-basic800: var(--d1-ref-palette-slate-800);
269
+ --d1-palette-basic900: var(--d1-ref-palette-slate-900);
270
+ --d1-palette-basic950: var(--d1-ref-palette-slate-950);
271
+ --sys-palette: var(--d1-ref-palette-slate-500);
272
+ }
273
+
274
+ &--gray {
275
+ --d1-palette-basic50: var(--d1-ref-palette-gray-50);
276
+ --d1-palette-basic100: var(--d1-ref-palette-gray-100);
277
+ --d1-palette-basic200: var(--d1-ref-palette-gray-200);
278
+ --d1-palette-basic300: var(--d1-ref-palette-gray-300);
279
+ --d1-palette-basic400: var(--d1-ref-palette-gray-400);
280
+ --d1-palette-basic500: var(--d1-ref-palette-gray-500);
281
+ --d1-palette-basic600: var(--d1-ref-palette-gray-600);
282
+ --d1-palette-basic700: var(--d1-ref-palette-gray-700);
283
+ --d1-palette-basic800: var(--d1-ref-palette-gray-800);
284
+ --d1-palette-basic900: var(--d1-ref-palette-gray-900);
285
+ --d1-palette-basic950: var(--d1-ref-palette-gray-950);
286
+ --sys-palette: var(--d1-ref-palette-gray-500);
287
+ }
288
+
289
+ &--zinc {
290
+ --d1-palette-basic50: var(--d1-ref-palette-zinc-50);
291
+ --d1-palette-basic100: var(--d1-ref-palette-zinc-100);
292
+ --d1-palette-basic200: var(--d1-ref-palette-zinc-200);
293
+ --d1-palette-basic300: var(--d1-ref-palette-zinc-300);
294
+ --d1-palette-basic400: var(--d1-ref-palette-zinc-400);
295
+ --d1-palette-basic500: var(--d1-ref-palette-zinc-500);
296
+ --d1-palette-basic600: var(--d1-ref-palette-zinc-600);
297
+ --d1-palette-basic700: var(--d1-ref-palette-zinc-700);
298
+ --d1-palette-basic800: var(--d1-ref-palette-zinc-800);
299
+ --d1-palette-basic900: var(--d1-ref-palette-zinc-900);
300
+ --d1-palette-basic950: var(--d1-ref-palette-zinc-950);
301
+ --sys-palette: var(--d1-ref-palette-zinc-500);
302
+ }
303
+
304
+ &--neutral {
305
+ --d1-palette-basic50: var(--d1-ref-palette-neutral-50);
306
+ --d1-palette-basic100: var(--d1-ref-palette-neutral-100);
307
+ --d1-palette-basic200: var(--d1-ref-palette-neutral-200);
308
+ --d1-palette-basic300: var(--d1-ref-palette-neutral-300);
309
+ --d1-palette-basic400: var(--d1-ref-palette-neutral-400);
310
+ --d1-palette-basic500: var(--d1-ref-palette-neutral-500);
311
+ --d1-palette-basic600: var(--d1-ref-palette-neutral-600);
312
+ --d1-palette-basic700: var(--d1-ref-palette-neutral-700);
313
+ --d1-palette-basic800: var(--d1-ref-palette-neutral-800);
314
+ --d1-palette-basic900: var(--d1-ref-palette-neutral-900);
315
+ --d1-palette-basic950: var(--d1-ref-palette-neutral-950);
316
+ --sys-palette: var(--d1-ref-palette-neutral-500);
317
+ }
318
+
319
+ &--stone {
320
+ --d1-palette-basic50: var(--d1-ref-palette-stone-50);
321
+ --d1-palette-basic100: var(--d1-ref-palette-stone-100);
322
+ --d1-palette-basic200: var(--d1-ref-palette-stone-200);
323
+ --d1-palette-basic300: var(--d1-ref-palette-stone-300);
324
+ --d1-palette-basic400: var(--d1-ref-palette-stone-400);
325
+ --d1-palette-basic500: var(--d1-ref-palette-stone-500);
326
+ --d1-palette-basic600: var(--d1-ref-palette-stone-600);
327
+ --d1-palette-basic700: var(--d1-ref-palette-stone-700);
328
+ --d1-palette-basic800: var(--d1-ref-palette-stone-800);
329
+ --d1-palette-basic900: var(--d1-ref-palette-stone-900);
330
+ --d1-palette-basic950: var(--d1-ref-palette-stone-950);
331
+ --sys-palette: var(--d1-ref-palette-stone-500);
332
+ }
333
+
334
+ &--black {
335
+ --d1-palette-basic50: var(--d1-ref-palette-black-50);
336
+ --d1-palette-basic100: var(--d1-ref-palette-black-100);
337
+ --d1-palette-basic200: var(--d1-ref-palette-black-200);
338
+ --d1-palette-basic300: var(--d1-ref-palette-black-300);
339
+ --d1-palette-basic400: var(--d1-ref-palette-black-400);
340
+ --d1-palette-basic500: var(--d1-ref-palette-black-500);
341
+ --d1-palette-basic600: var(--d1-ref-palette-black-600);
342
+ --d1-palette-basic700: var(--d1-ref-palette-black-700);
343
+ --d1-palette-basic800: var(--d1-ref-palette-black-800);
344
+ --d1-palette-basic900: var(--d1-ref-palette-black-900);
345
+ --d1-palette-basic950: var(--d1-ref-palette-black-950);
346
+ --sys-palette: var(--d1-ref-palette-black-500);
347
+ }
348
+
349
+ &--white {
350
+ --d1-palette-basic50: var(--d1-ref-palette-white-50);
351
+ --d1-palette-basic100: var(--d1-ref-palette-white-100);
352
+ --d1-palette-basic200: var(--d1-ref-palette-white-200);
353
+ --d1-palette-basic300: var(--d1-ref-palette-white-300);
354
+ --d1-palette-basic400: var(--d1-ref-palette-white-400);
355
+ --d1-palette-basic500: var(--d1-ref-palette-white-500);
356
+ --d1-palette-basic600: var(--d1-ref-palette-white-600);
357
+ --d1-palette-basic700: var(--d1-ref-palette-white-700);
358
+ --d1-palette-basic800: var(--d1-ref-palette-white-800);
359
+ --d1-palette-basic900: var(--d1-ref-palette-white-900);
360
+ --d1-palette-basic950: var(--d1-ref-palette-white-950);
361
+ --sys-palette: var(--d1-ref-palette-white-500);
362
+ }
363
+ }
package/src/styles/Ui/classes/d1-system.scss ADDED
@@ -0,0 +1,26 @@
1
+ @use "@dxtmisha/styles" as ui;
2
+
3
+ .d1-system {
4
+ font-family: var(--d1-sys-font-family-basic), sans-serif;
5
+ @include ui.fontSize(#{var(--d1-sys-font-size-md)});
6
+ font-weight: var(--d1-sys-font-weight-regular);
7
+ @include ui.lineHeight(#{var(--d1-sys-lineHeight-md)});
8
+ letter-spacing: var(--d1-sys-letterSpacing-xl);
9
+
10
+ @include ui.color(#{var(--d1-sys-palette-onSurface)});
11
+ @include ui.colorOpacity(#{var(--d1-sys-opacity-surface-high)});
12
+
13
+ @media screen and (max-width: calc(768px - 1px)) {
14
+ --d1-grid-paddingX: var(--d1-sys-spacing-grid-paddingX-md);
15
+ --d1-grid-paddingY: var(--d1-sys-spacing-grid-paddingY);
16
+ --d1-grid-gapX: var(--d1-sys-spacing-grid-gapX-md);
17
+ --d1-grid-gapY: var(--d1-sys-spacing-grid-gapY-md);
18
+ }
19
+
20
+ @media screen and (min-width: 768px) {
21
+ --d1-grid-paddingX: var(--d1-sys-spacing-grid-paddingX-lg);
22
+ --d1-grid-paddingY: var(--d1-sys-spacing-grid-paddingY);
23
+ --d1-grid-gapX: var(--d1-sys-spacing-grid-gapX-lg);
24
+ --d1-grid-gapY: var(--d1-sys-spacing-grid-gapY-lg);
25
+ }
26
+ }
package/src/styles/Ui/classes.scss ADDED
@@ -0,0 +1,17 @@
1
+ @use "./classes/d1-dark";
2
+ @use "./classes/d1-system";
3
+ @use "./classes/d1-main";
4
+ @use "./classes/d1-background";
5
+ @use "./classes/d1-border";
6
+ @use "./classes/d1-color";
7
+ @use "./classes/d1-elevation";
8
+ @use "./classes/d1-font";
9
+ @use "./classes/d1-grid";
10
+ @use "./classes/d1-padding";
11
+ @use "./classes/d1-padding-x";
12
+ @use "./classes/d1-padding-y";
13
+ @use "./classes/d1-margin";
14
+ @use "./classes/d1-margin-x";
15
+ @use "./classes/d1-margin-y";
16
+ @use "./classes/d1-outline";
17
+ @use "./classes/d1-palette";