@karmo-co/drift-kit-reference 0.0.0-stage → 23.5.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 (93) hide show
  1. package/LICENSE +7 -0
  2. package/README.md +24 -2
  3. package/bin/drift-kit-ref.js +197 -0
  4. package/manifest/components/accordion.md +47 -0
  5. package/manifest/components/action-bar.md +51 -0
  6. package/manifest/components/alert.md +53 -0
  7. package/manifest/components/app-shell.md +43 -0
  8. package/manifest/components/avatar.md +42 -0
  9. package/manifest/components/body.md +48 -0
  10. package/manifest/components/box.md +58 -0
  11. package/manifest/components/breadcrumb.md +59 -0
  12. package/manifest/components/button.md +46 -0
  13. package/manifest/components/calendar.md +69 -0
  14. package/manifest/components/card.md +71 -0
  15. package/manifest/components/checkbox.md +43 -0
  16. package/manifest/components/choice-card.md +61 -0
  17. package/manifest/components/code-input.md +56 -0
  18. package/manifest/components/date-picker.md +66 -0
  19. package/manifest/components/day-of-month.md +54 -0
  20. package/manifest/components/detail-list.md +37 -0
  21. package/manifest/components/divider.md +33 -0
  22. package/manifest/components/dropdown.md +52 -0
  23. package/manifest/components/dropzone.md +56 -0
  24. package/manifest/components/eyebrow.md +45 -0
  25. package/manifest/components/feedback-badge.md +35 -0
  26. package/manifest/components/glider.md +34 -0
  27. package/manifest/components/heading.md +47 -0
  28. package/manifest/components/hero.md +46 -0
  29. package/manifest/components/icon-button.md +41 -0
  30. package/manifest/components/icon-tile.md +44 -0
  31. package/manifest/components/icon.md +30 -0
  32. package/manifest/components/input.md +63 -0
  33. package/manifest/components/link.md +42 -0
  34. package/manifest/components/loading-spinner.md +42 -0
  35. package/manifest/components/logo.md +38 -0
  36. package/manifest/components/modal.md +53 -0
  37. package/manifest/components/pagination.md +54 -0
  38. package/manifest/components/payment-form.md +29 -0
  39. package/manifest/components/price-summary.md +30 -0
  40. package/manifest/components/radio.md +42 -0
  41. package/manifest/components/section-heading.md +41 -0
  42. package/manifest/components/select.md +99 -0
  43. package/manifest/components/shield.md +34 -0
  44. package/manifest/components/sidebar.md +73 -0
  45. package/manifest/components/stepper.md +53 -0
  46. package/manifest/components/switch.md +45 -0
  47. package/manifest/components/table.md +77 -0
  48. package/manifest/components/tabs.md +43 -0
  49. package/manifest/components/tag.md +43 -0
  50. package/manifest/components/textarea.md +52 -0
  51. package/manifest/components/toast.md +52 -0
  52. package/manifest/components/tooltip.md +42 -0
  53. package/manifest/components/top-bar.md +60 -0
  54. package/manifest/components/vehicle.md +43 -0
  55. package/manifest/index.json +1171 -0
  56. package/manifest/migrations/1.0.0.md +50 -0
  57. package/manifest/migrations/10.0.0.md +154 -0
  58. package/manifest/migrations/11.0.0.md +24 -0
  59. package/manifest/migrations/12.0.0.md +38 -0
  60. package/manifest/migrations/13.0.0.md +50 -0
  61. package/manifest/migrations/14.0.0.md +148 -0
  62. package/manifest/migrations/15.0.0.md +140 -0
  63. package/manifest/migrations/16.0.0.md +196 -0
  64. package/manifest/migrations/17.0.0.md +19 -0
  65. package/manifest/migrations/18.0.0.md +23 -0
  66. package/manifest/migrations/19.0.0.md +15 -0
  67. package/manifest/migrations/2.0.0.md +18 -0
  68. package/manifest/migrations/20.0.0.md +43 -0
  69. package/manifest/migrations/21.0.0.md +97 -0
  70. package/manifest/migrations/22.0.0.md +17 -0
  71. package/manifest/migrations/23.0.0.md +86 -0
  72. package/manifest/migrations/3.0.0.md +34 -0
  73. package/manifest/migrations/4.0.0.md +147 -0
  74. package/manifest/migrations/5.0.0.md +73 -0
  75. package/manifest/migrations/6.0.0.md +67 -0
  76. package/manifest/migrations/7.0.0.md +71 -0
  77. package/manifest/migrations/8.0.0.md +16 -0
  78. package/manifest/migrations/9.0.0.md +107 -0
  79. package/manifest/rules.md +37 -0
  80. package/manifest/setup.md +70 -0
  81. package/manifest/tokens/border-width.md +12 -0
  82. package/manifest/tokens/border.md +147 -0
  83. package/manifest/tokens/font.md +90 -0
  84. package/manifest/tokens/icon.md +84 -0
  85. package/manifest/tokens/interactive.md +53 -0
  86. package/manifest/tokens/layout.md +8 -0
  87. package/manifest/tokens/motion.md +97 -0
  88. package/manifest/tokens/radius.md +20 -0
  89. package/manifest/tokens/shadow.md +28 -0
  90. package/manifest/tokens/spacing.md +35 -0
  91. package/manifest/tokens/surface.md +138 -0
  92. package/manifest/tokens/text.md +92 -0
  93. package/package.json +20 -4
package/manifest/tokens/surface.md ADDED
@@ -0,0 +1,138 @@
1
+ # Surfaces tokens
2
+
3
+ Declared values, light and dark. Reference a token by name; never copy its value.
4
+
5
+ | Token | Light | Dark |
6
+ |---|---|---|
7
+ | `--dk-surface-backdrop-black` | `#000000cc` | `#000000cc` |
8
+ | `--dk-surface-backdrop-soft` | `#00000066` | `#00000066` |
9
+ | `--dk-surface-backdrop-transparent` | `#ffffff00` | `#26262600` |
10
+ | `--dk-surface-base-black` | `var(--dk-color-base-black)` | `var(--dk-color-base-black)` |
11
+ | `--dk-surface-base-white` | `var(--dk-color-base-white)` | `var(--dk-color-base-white)` |
12
+ | `--dk-surface-canvas-default` | `var(--dk-color-neutral-25)` | `var(--dk-color-neutral-1100)` |
13
+ | `--dk-surface-card-active` | `var(--dk-color-neutral-50)` | `var(--dk-color-neutral-800)` |
14
+ | `--dk-surface-card-default` | `var(--dk-color-base-white)` | `var(--dk-color-neutral-1100)` |
15
+ | `--dk-surface-card-focus` | `var(--dk-color-neutral-50)` | `var(--dk-color-neutral-800)` |
16
+ | `--dk-surface-card-hover` | `var(--dk-color-neutral-25)` | `var(--dk-color-neutral-900)` |
17
+ | `--dk-surface-card-secondary` | `var(--dk-color-neutral-25)` | `var(--dk-color-neutral-900)` |
18
+ | `--dk-surface-card-tertiary` | `var(--dk-color-neutral-1000)` | `var(--dk-color-neutral-50)` |
19
+ | `--dk-surface-choice-card` | `var(--dk-color-base-white)` | `var(--dk-color-neutral-1100)` |
20
+ | `--dk-surface-choice-card-active` | `var(--dk-color-neutral-50)` | `var(--dk-color-neutral-900)` |
21
+ | `--dk-surface-choice-card-hover` | `var(--dk-color-neutral-25)` | `var(--dk-color-neutral-1000)` |
22
+ | `--dk-surface-choice-disabled` | `var(--dk-color-neutral-100)` | `var(--dk-color-neutral-800)` |
23
+ | `--dk-surface-choice-selected` | `var(--dk-color-primary-600)` | `var(--dk-color-primary-500)` |
24
+ | `--dk-surface-choice-selected-active` | `var(--dk-color-primary-800)` | `var(--dk-color-primary-700)` |
25
+ | `--dk-surface-choice-selected-hover` | `var(--dk-color-primary-700)` | `var(--dk-color-primary-600)` |
26
+ | `--dk-surface-choice-track` | `var(--dk-color-neutral-400)` | `var(--dk-color-neutral-600)` |
27
+ | `--dk-surface-choice-track-active` | `var(--dk-color-neutral-600)` | `var(--dk-color-neutral-400)` |
28
+ | `--dk-surface-choice-track-hover` | `var(--dk-color-neutral-500)` | `var(--dk-color-neutral-500)` |
29
+ | `--dk-surface-control-active` | `var(--dk-color-neutral-100)` | `var(--dk-color-neutral-800)` |
30
+ | `--dk-surface-control-default` | `var(--dk-color-neutral-25)` | `var(--dk-color-neutral-1000)` |
31
+ | `--dk-surface-control-disabled` | `var(--dk-surface-disabled-subtle)` | `var(--dk-surface-disabled-subtle)` |
32
+ | `--dk-surface-control-hover` | `var(--dk-color-neutral-50)` | `var(--dk-color-neutral-900)` |
33
+ | `--dk-surface-current` | `var(--dk-surface-level-0)` | `var(--dk-surface-level-0)` |
34
+ | `--dk-surface-curtain-backdrop` | `var(--dk-color-neutral-1000)` | `var(--dk-color-base-black)` |
35
+ | `--dk-surface-default-body` | `var(--dk-color-base-white)` | `var(--dk-color-neutral-1100)` |
36
+ | `--dk-surface-default-body-reverse` | `var(--dk-color-neutral-1100)` | `var(--dk-color-base-white)` |
37
+ | `--dk-surface-disabled-default` | `var(--dk-color-neutral-300)` | `var(--dk-color-neutral-300)` |
38
+ | `--dk-surface-disabled-subtle` | `var(--dk-color-neutral-25)` | `var(--dk-color-neutral-1000)` |
39
+ | `--dk-surface-error-default` | `var(--dk-color-error-500)` | `var(--dk-color-error-700)` |
40
+ | `--dk-surface-error-focus` | `var(--dk-color-error-700)` | `var(--dk-color-error-500)` |
41
+ | `--dk-surface-error-hover` | `var(--dk-color-error-600)` | `var(--dk-color-error-600)` |
42
+ | `--dk-surface-error-mark` | `var(--dk-color-error-600)` | `var(--dk-color-error-600)` |
43
+ | `--dk-surface-error-solid` | `var(--dk-color-error-700)` | `var(--dk-color-error-700)` |
44
+ | `--dk-surface-error-subtle` | `var(--dk-color-error-50)` | `var(--dk-color-error-900)` |
45
+ | `--dk-surface-error-subtle-focus` | `var(--dk-color-error-200)` | `var(--dk-color-error-700)` |
46
+ | `--dk-surface-error-subtle-hover` | `var(--dk-color-error-100)` | `var(--dk-color-error-800)` |
47
+ | `--dk-surface-field-action-active` | `var(--dk-color-neutral-100)` | `var(--dk-color-neutral-700)` |
48
+ | `--dk-surface-field-action-hover` | `var(--dk-color-neutral-50)` | `var(--dk-color-neutral-800)` |
49
+ | `--dk-surface-field-default` | `var(--dk-color-base-white)` | `var(--dk-color-neutral-1100)` |
50
+ | `--dk-surface-field-hover` | `var(--dk-color-neutral-25)` | `var(--dk-color-neutral-900)` |
51
+ | `--dk-surface-glass-default` | `var(--dk-color-base-white-60)` | `var(--dk-color-base-black-60)` |
52
+ | `--dk-surface-hue-next1-solid` | `var(--dk-primitive-color-primary-next1-600)` | `var(--dk-primitive-color-primary-next1-600)` |
53
+ | `--dk-surface-hue-next1-subtle` | `var(--dk-primitive-color-primary-next1-50)` | `var(--dk-primitive-color-primary-next1-850)` |
54
+ | `--dk-surface-hue-next2-solid` | `var(--dk-primitive-color-primary-next2-600)` | `var(--dk-primitive-color-primary-next2-600)` |
55
+ | `--dk-surface-hue-next2-subtle` | `var(--dk-primitive-color-primary-next2-50)` | `var(--dk-primitive-color-primary-next2-850)` |
56
+ | `--dk-surface-hue-next3-solid` | `var(--dk-primitive-color-primary-next3-600)` | `var(--dk-primitive-color-primary-next3-600)` |
57
+ | `--dk-surface-hue-next3-subtle` | `var(--dk-primitive-color-primary-next3-50)` | `var(--dk-primitive-color-primary-next3-850)` |
58
+ | `--dk-surface-hue-next4-solid` | `var(--dk-primitive-color-primary-next4-600)` | `var(--dk-primitive-color-primary-next4-600)` |
59
+ | `--dk-surface-hue-next4-subtle` | `var(--dk-primitive-color-primary-next4-50)` | `var(--dk-primitive-color-primary-next4-850)` |
60
+ | `--dk-surface-hue-prev1-solid` | `var(--dk-primitive-color-primary-prev1-600)` | `var(--dk-primitive-color-primary-prev1-600)` |
61
+ | `--dk-surface-hue-prev1-subtle` | `var(--dk-primitive-color-primary-prev1-50)` | `var(--dk-primitive-color-primary-prev1-850)` |
62
+ | `--dk-surface-hue-prev2-solid` | `var(--dk-primitive-color-primary-prev2-600)` | `var(--dk-primitive-color-primary-prev2-600)` |
63
+ | `--dk-surface-hue-prev2-subtle` | `var(--dk-primitive-color-primary-prev2-50)` | `var(--dk-primitive-color-primary-prev2-850)` |
64
+ | `--dk-surface-hue-prev3-solid` | `var(--dk-primitive-color-primary-prev3-600)` | `var(--dk-primitive-color-primary-prev3-600)` |
65
+ | `--dk-surface-hue-prev3-subtle` | `var(--dk-primitive-color-primary-prev3-50)` | `var(--dk-primitive-color-primary-prev3-850)` |
66
+ | `--dk-surface-hue-prev4-solid` | `var(--dk-primitive-color-primary-prev4-600)` | `var(--dk-primitive-color-primary-prev4-600)` |
67
+ | `--dk-surface-hue-prev4-subtle` | `var(--dk-primitive-color-primary-prev4-50)` | `var(--dk-primitive-color-primary-prev4-850)` |
68
+ | `--dk-surface-hue-primary-solid` | `var(--dk-color-primary-600)` | `var(--dk-color-primary-600)` |
69
+ | `--dk-surface-hue-primary-subtle` | `var(--dk-color-primary-50)` | `var(--dk-color-primary-850)` |
70
+ | `--dk-surface-information-default` | `var(--dk-color-information-500)` | `var(--dk-color-information-600)` |
71
+ | `--dk-surface-information-focus` | `var(--dk-color-information-700)` | `var(--dk-color-information-400)` |
72
+ | `--dk-surface-information-hover` | `var(--dk-color-information-600)` | `var(--dk-color-information-500)` |
73
+ | `--dk-surface-information-mark` | `var(--dk-color-information-600)` | `var(--dk-color-information-600)` |
74
+ | `--dk-surface-information-solid` | `var(--dk-color-information-700)` | `var(--dk-color-information-700)` |
75
+ | `--dk-surface-information-subtle` | `var(--dk-color-information-50)` | `var(--dk-color-information-900)` |
76
+ | `--dk-surface-information-subtle-focus` | `var(--dk-color-information-200)` | `var(--dk-color-information-700)` |
77
+ | `--dk-surface-information-subtle-hover` | `var(--dk-color-information-100)` | `var(--dk-color-information-800)` |
78
+ | `--dk-surface-inset-active` | `var(--dk-color-neutral-300)` | `var(--dk-color-neutral-500)` |
79
+ | `--dk-surface-inset-default` | `var(--dk-color-neutral-100)` | `var(--dk-color-neutral-700)` |
80
+ | `--dk-surface-inset-hover` | `var(--dk-color-neutral-200)` | `var(--dk-color-neutral-600)` |
81
+ | `--dk-surface-inverse-active` | `var(--dk-color-neutral-800)` | `var(--dk-color-neutral-100)` |
82
+ | `--dk-surface-inverse-default` | `var(--dk-color-neutral-1100)` | `var(--dk-color-base-white)` |
83
+ | `--dk-surface-inverse-hover` | `var(--dk-color-neutral-900)` | `var(--dk-color-neutral-50)` |
84
+ | `--dk-surface-lifted-active` | `var(--dk-surface-nested-active)` | `var(--dk-surface-raised-active)` |
85
+ | `--dk-surface-lifted-default` | `var(--dk-surface-nested-default)` | `var(--dk-surface-raised-default)` |
86
+ | `--dk-surface-lifted-hover` | `var(--dk-surface-nested-hover)` | `var(--dk-surface-raised-hover)` |
87
+ | `--dk-surface-nested-active` | `var(--dk-color-neutral-100)` | `var(--dk-color-neutral-700)` |
88
+ | `--dk-surface-nested-default` | `var(--dk-color-neutral-25)` | `var(--dk-color-neutral-900)` |
89
+ | `--dk-surface-nested-glass` | `rgb(from var(--dk-surface-nested-default) r g b / var(--dk-primitive-opacity-glass))` | `rgb(from var(--dk-surface-nested-default) r g b / var(--dk-primitive-opacity-glass))` |
90
+ | `--dk-surface-nested-hover` | `var(--dk-color-neutral-50)` | `var(--dk-color-neutral-800)` |
91
+ | `--dk-surface-neutral-default` | `var(--dk-color-neutral-500)` | `var(--dk-color-neutral-700)` |
92
+ | `--dk-surface-neutral-focus` | `var(--dk-color-neutral-600)` | `var(--dk-color-neutral-500)` |
93
+ | `--dk-surface-neutral-hover` | `var(--dk-color-neutral-600)` | `var(--dk-color-neutral-600)` |
94
+ | `--dk-surface-neutral-subtle` | `var(--dk-color-neutral-25)` | `var(--dk-color-neutral-900)` |
95
+ | `--dk-surface-neutral-subtle-active` | `var(--dk-color-neutral-100)` | `var(--dk-color-neutral-700)` |
96
+ | `--dk-surface-neutral-subtle-focus` | `var(--dk-color-neutral-100)` | `var(--dk-color-neutral-700)` |
97
+ | `--dk-surface-neutral-subtle-hover` | `var(--dk-color-neutral-50)` | `var(--dk-color-neutral-800)` |
98
+ | `--dk-surface-page-default` | `var(--dk-color-base-white)` | `var(--dk-color-neutral-1100)` |
99
+ | `--dk-surface-page-glass` | `rgb(from var(--dk-surface-default-body) r g b / var(--dk-primitive-opacity-glass))` | `rgb(from var(--dk-surface-default-body) r g b / var(--dk-primitive-opacity-glass))` |
100
+ | `--dk-surface-page-secondary` | `var(--dk-color-neutral-25)` | `var(--dk-color-neutral-1000)` |
101
+ | `--dk-surface-page-tertiary` | `var(--dk-color-neutral-1000)` | `var(--dk-color-neutral-25)` |
102
+ | `--dk-surface-primary-active` | `var(--dk-color-primary-700)` | `var(--dk-color-primary-300)` |
103
+ | `--dk-surface-primary-brand` | `var(--dk-color-primary-500)` | `var(--dk-color-primary-400)` |
104
+ | `--dk-surface-primary-default` | `var(--dk-color-primary-500)` | `var(--dk-color-primary-600)` |
105
+ | `--dk-surface-primary-disabled` | `var(--dk-color-primary-200)` | `var(--dk-color-primary-800)` |
106
+ | `--dk-surface-primary-disabled-active` | `var(--dk-color-primary-400)` | `var(--dk-color-primary-600)` |
107
+ | `--dk-surface-primary-disabled-hover` | `var(--dk-color-primary-300)` | `var(--dk-color-primary-700)` |
108
+ | `--dk-surface-primary-focus` | `var(--dk-color-primary-700)` | `var(--dk-color-primary-400)` |
109
+ | `--dk-surface-primary-hover` | `var(--dk-color-primary-600)` | `var(--dk-color-primary-500)` |
110
+ | `--dk-surface-primary-mark` | `var(--dk-color-primary-600)` | `var(--dk-color-primary-600)` |
111
+ | `--dk-surface-primary-marker` | `var(--dk-color-primary-500)` | `var(--dk-color-primary-400)` |
112
+ | `--dk-surface-primary-oos` | `var(--dk-color-primary-400)` | `var(--dk-color-primary-700)` |
113
+ | `--dk-surface-primary-solid` | `var(--dk-color-primary-700)` | `var(--dk-color-primary-700)` |
114
+ | `--dk-surface-primary-subtle` | `var(--dk-color-primary-50)` | `var(--dk-color-primary-850)` |
115
+ | `--dk-surface-primary-subtle-focus` | `var(--dk-color-primary-200)` | `var(--dk-color-primary-700)` |
116
+ | `--dk-surface-primary-subtle-hover` | `var(--dk-color-primary-100)` | `var(--dk-color-primary-800)` |
117
+ | `--dk-surface-raised-active` | `var(--dk-color-neutral-50)` | `var(--dk-color-neutral-800)` |
118
+ | `--dk-surface-raised-default` | `var(--dk-color-base-white)` | `var(--dk-color-neutral-1000)` |
119
+ | `--dk-surface-raised-glass` | `rgb(from var(--dk-surface-raised-default) r g b / var(--dk-primitive-opacity-glass))` | `rgb(from var(--dk-surface-raised-default) r g b / var(--dk-primitive-opacity-glass))` |
120
+ | `--dk-surface-raised-hover` | `var(--dk-color-neutral-25)` | `var(--dk-color-neutral-900)` |
121
+ | `--dk-surface-sidebar-panel` | `var(--dk-color-neutral-25)` | `var(--dk-color-neutral-1100)` |
122
+ | `--dk-surface-sidebar-panel-hover` | `var(--dk-color-neutral-50)` | `var(--dk-color-neutral-1000)` |
123
+ | `--dk-surface-success-default` | `var(--dk-color-success-500)` | `var(--dk-color-success-700)` |
124
+ | `--dk-surface-success-focus` | `var(--dk-color-success-700)` | `var(--dk-color-success-500)` |
125
+ | `--dk-surface-success-hover` | `var(--dk-color-success-600)` | `var(--dk-color-success-600)` |
126
+ | `--dk-surface-success-mark` | `var(--dk-color-primary-600)` | `var(--dk-color-primary-600)` |
127
+ | `--dk-surface-success-solid` | `var(--dk-surface-primary-solid)` | `var(--dk-surface-primary-solid)` |
128
+ | `--dk-surface-success-subtle` | `var(--dk-color-success-50)` | `var(--dk-color-success-900)` |
129
+ | `--dk-surface-success-subtle-focus` | `var(--dk-color-success-200)` | `var(--dk-color-success-700)` |
130
+ | `--dk-surface-success-subtle-hover` | `var(--dk-color-success-100)` | `var(--dk-color-success-800)` |
131
+ | `--dk-surface-warning-default` | `var(--dk-color-warning-500)` | `var(--dk-color-warning-600)` |
132
+ | `--dk-surface-warning-focus` | `var(--dk-color-warning-700)` | `var(--dk-color-warning-400)` |
133
+ | `--dk-surface-warning-hover` | `var(--dk-color-warning-600)` | `var(--dk-color-warning-500)` |
134
+ | `--dk-surface-warning-mark` | `var(--dk-color-warning-600)` | `var(--dk-color-warning-600)` |
135
+ | `--dk-surface-warning-solid` | `var(--dk-color-warning-700)` | `var(--dk-color-warning-700)` |
136
+ | `--dk-surface-warning-subtle` | `var(--dk-color-warning-50)` | `var(--dk-color-warning-900)` |
137
+ | `--dk-surface-warning-subtle-focus` | `var(--dk-color-warning-200)` | `var(--dk-color-warning-700)` |
138
+ | `--dk-surface-warning-subtle-hover` | `var(--dk-color-warning-100)` | `var(--dk-color-warning-800)` |
package/manifest/tokens/text.md ADDED
@@ -0,0 +1,92 @@
1
+ # Text colours tokens
2
+
3
+ Declared values, light and dark. Reference a token by name; never copy its value.
4
+
5
+ | Token | Light | Dark |
6
+ |---|---|---|
7
+ | `--dk-text-base-black` | `var(--dk-color-base-black)` | `var(--dk-color-base-black)` |
8
+ | `--dk-text-base-white` | `var(--dk-color-base-white)` | `var(--dk-color-base-white)` |
9
+ | `--dk-text-code-attr` | `var(--dk-text-neutral-default)` | `var(--dk-text-neutral-default)` |
10
+ | `--dk-text-code-comment` | `var(--dk-color-neutral-400)` | `var(--dk-color-neutral-500)` |
11
+ | `--dk-text-code-keyword` | `var(--dk-primitive-color-primary-next1-600)` | `var(--dk-primitive-color-primary-next1-300)` |
12
+ | `--dk-text-code-string` | `var(--dk-primitive-color-primary-next2-600)` | `var(--dk-primitive-color-primary-next2-300)` |
13
+ | `--dk-text-code-tag` | `var(--dk-color-primary-600)` | `var(--dk-color-primary-300)` |
14
+ | `--dk-text-control-active` | `var(--dk-color-neutral-800)` | `var(--dk-color-neutral-50)` |
15
+ | `--dk-text-control-default` | `var(--dk-color-neutral-600)` | `var(--dk-color-neutral-200)` |
16
+ | `--dk-text-control-disabled` | `var(--dk-text-disabled-subtle)` | `var(--dk-text-disabled-subtle)` |
17
+ | `--dk-text-control-hover` | `var(--dk-color-neutral-700)` | `var(--dk-color-neutral-100)` |
18
+ | `--dk-text-default` | `var(--dk-color-base-black)` | `var(--dk-color-base-white)` |
19
+ | `--dk-text-default-reverse` | `var(--dk-color-base-white)` | `var(--dk-color-base-black)` |
20
+ | `--dk-text-disabled-default` | `var(--dk-color-neutral-400)` | `var(--dk-color-neutral-400)` |
21
+ | `--dk-text-disabled-subtle` | `var(--dk-color-neutral-200)` | `var(--dk-color-neutral-700)` |
22
+ | `--dk-text-disabled-subtle-active` | `var(--dk-color-neutral-400)` | `var(--dk-color-neutral-500)` |
23
+ | `--dk-text-disabled-subtle-hover` | `var(--dk-color-neutral-300)` | `var(--dk-color-neutral-600)` |
24
+ | `--dk-text-error-active` | `var(--dk-color-error-700)` | `var(--dk-color-error-200)` |
25
+ | `--dk-text-error-default` | `var(--dk-color-error-500)` | `var(--dk-color-error-400)` |
26
+ | `--dk-text-error-focus` | `var(--dk-color-error-700)` | `var(--dk-color-error-200)` |
27
+ | `--dk-text-error-hover` | `var(--dk-color-error-600)` | `var(--dk-color-error-300)` |
28
+ | `--dk-text-error-outline` | `var(--dk-text-error-on-subtle)` | `var(--dk-text-error-on-subtle)` |
29
+ | `--dk-text-error-subtle` | `var(--dk-color-error-50)` | `var(--dk-color-error-900)` |
30
+ | `--dk-text-error-subtle-focus` | `var(--dk-color-error-200)` | `var(--dk-color-error-700)` |
31
+ | `--dk-text-error-subtle-hover` | `var(--dk-color-error-100)` | `var(--dk-color-error-800)` |
32
+ | `--dk-text-eyebrow-default` | `var(--dk-color-neutral-600)` | `var(--dk-color-neutral-300)` |
33
+ | `--dk-text-field-affix` | `var(--dk-color-neutral-600)` | `var(--dk-color-neutral-200)` |
34
+ | `--dk-text-field-default` | `var(--dk-color-base-black)` | `var(--dk-color-base-white)` |
35
+ | `--dk-text-field-disabled` | `var(--dk-color-neutral-200)` | `var(--dk-color-neutral-700)` |
36
+ | `--dk-text-field-placeholder` | `var(--dk-color-neutral-400)` | `var(--dk-color-neutral-600)` |
37
+ | `--dk-text-information-active` | `var(--dk-color-information-700)` | `var(--dk-color-information-200)` |
38
+ | `--dk-text-information-default` | `var(--dk-color-information-500)` | `var(--dk-color-information-400)` |
39
+ | `--dk-text-information-focus` | `var(--dk-color-information-700)` | `var(--dk-color-information-200)` |
40
+ | `--dk-text-information-hover` | `var(--dk-color-information-600)` | `var(--dk-color-information-300)` |
41
+ | `--dk-text-information-outline` | `var(--dk-text-information-on-subtle)` | `var(--dk-text-information-on-subtle)` |
42
+ | `--dk-text-information-subtle` | `var(--dk-color-information-50)` | `var(--dk-color-information-900)` |
43
+ | `--dk-text-information-subtle-focus` | `var(--dk-color-information-200)` | `var(--dk-color-information-700)` |
44
+ | `--dk-text-information-subtle-hover` | `var(--dk-color-information-100)` | `var(--dk-color-information-800)` |
45
+ | `--dk-text-inverse-default` | `var(--dk-color-base-white)` | `var(--dk-color-neutral-1000)` |
46
+ | `--dk-text-inverse-neutral` | `var(--dk-color-neutral-300)` | `var(--dk-color-neutral-600)` |
47
+ | `--dk-text-link-active` | `var(--dk-color-primary-800)` | `var(--dk-color-primary-300)` |
48
+ | `--dk-text-link-default` | `var(--dk-color-primary-600)` | `var(--dk-color-primary-500)` |
49
+ | `--dk-text-link-hover` | `var(--dk-color-primary-700)` | `var(--dk-color-primary-400)` |
50
+ | `--dk-text-link-underline` | `var(--dk-color-primary-300)` | `var(--dk-color-primary-700)` |
51
+ | `--dk-text-nested-active` | `var(--dk-color-neutral-900)` | `var(--dk-color-neutral-50)` |
52
+ | `--dk-text-nested-default` | `var(--dk-color-neutral-700)` | `var(--dk-color-neutral-200)` |
53
+ | `--dk-text-nested-hover` | `var(--dk-color-neutral-800)` | `var(--dk-color-neutral-100)` |
54
+ | `--dk-text-neutral-active` | `var(--dk-color-neutral-800)` | `var(--dk-color-neutral-100)` |
55
+ | `--dk-text-neutral-default` | `var(--dk-color-neutral-600)` | `var(--dk-color-neutral-200)` |
56
+ | `--dk-text-neutral-focus` | `var(--dk-color-neutral-800)` | `var(--dk-color-neutral-50)` |
57
+ | `--dk-text-neutral-hover` | `var(--dk-color-neutral-700)` | `var(--dk-color-neutral-100)` |
58
+ | `--dk-text-neutral-subtle` | `var(--dk-color-neutral-300)` | `var(--dk-color-neutral-600)` |
59
+ | `--dk-text-neutral-subtle-focus` | `var(--dk-color-neutral-500)` | `var(--dk-color-neutral-400)` |
60
+ | `--dk-text-neutral-subtle-hover` | `var(--dk-color-neutral-400)` | `var(--dk-color-neutral-500)` |
61
+ | `--dk-text-primary-active` | `var(--dk-color-primary-700)` | `var(--dk-color-primary-200)` |
62
+ | `--dk-text-primary-brand` | `var(--dk-color-primary-500)` | `var(--dk-color-primary-400)` |
63
+ | `--dk-text-primary-default` | `var(--dk-color-primary-500)` | `var(--dk-color-primary-500)` |
64
+ | `--dk-text-primary-disabled` | `var(--dk-color-primary-300)` | `var(--dk-color-primary-700)` |
65
+ | `--dk-text-primary-disabled-active` | `var(--dk-color-primary-400)` | `var(--dk-color-primary-500)` |
66
+ | `--dk-text-primary-disabled-hover` | `var(--dk-color-primary-300)` | `var(--dk-color-primary-600)` |
67
+ | `--dk-text-primary-focus` | `var(--dk-color-primary-700)` | `var(--dk-color-primary-300)` |
68
+ | `--dk-text-primary-highlight` | `var(--dk-color-primary-500)` | `var(--dk-color-primary-400)` |
69
+ | `--dk-text-primary-hover` | `var(--dk-color-primary-600)` | `var(--dk-color-primary-400)` |
70
+ | `--dk-text-primary-oos` | `var(--dk-color-primary-200)` | `var(--dk-color-primary-600)` |
71
+ | `--dk-text-primary-outline` | `var(--dk-text-primary-on-subtle)` | `var(--dk-text-primary-on-subtle)` |
72
+ | `--dk-text-primary-subtle` | `var(--dk-color-primary-50)` | `var(--dk-color-primary-900)` |
73
+ | `--dk-text-primary-subtle-focus` | `var(--dk-color-primary-200)` | `var(--dk-color-primary-700)` |
74
+ | `--dk-text-primary-subtle-hover` | `var(--dk-color-primary-100)` | `var(--dk-color-primary-800)` |
75
+ | `--dk-text-success-active` | `var(--dk-text-primary-active)` | `var(--dk-text-primary-active)` |
76
+ | `--dk-text-success-body` | `var(--dk-text-primary-default)` | `var(--dk-text-primary-default)` |
77
+ | `--dk-text-success-default` | `var(--dk-color-success-500)` | `var(--dk-color-success-400)` |
78
+ | `--dk-text-success-focus` | `var(--dk-color-success-700)` | `var(--dk-color-success-200)` |
79
+ | `--dk-text-success-hover` | `var(--dk-color-success-600)` | `var(--dk-color-success-300)` |
80
+ | `--dk-text-success-outline` | `var(--dk-text-success-on-subtle)` | `var(--dk-text-success-on-subtle)` |
81
+ | `--dk-text-success-subtle` | `var(--dk-color-success-50)` | `var(--dk-color-success-900)` |
82
+ | `--dk-text-success-subtle-focus` | `var(--dk-color-success-200)` | `var(--dk-color-success-700)` |
83
+ | `--dk-text-success-subtle-hover` | `var(--dk-color-success-100)` | `var(--dk-color-success-800)` |
84
+ | `--dk-text-tabs-selected` | `var(--dk-text-primary-brand)` | `var(--dk-text-primary-brand)` |
85
+ | `--dk-text-warning-active` | `var(--dk-color-warning-700)` | `var(--dk-color-warning-200)` |
86
+ | `--dk-text-warning-default` | `var(--dk-color-warning-500)` | `var(--dk-color-warning-400)` |
87
+ | `--dk-text-warning-focus` | `var(--dk-color-warning-700)` | `var(--dk-color-warning-200)` |
88
+ | `--dk-text-warning-hover` | `var(--dk-color-warning-600)` | `var(--dk-color-warning-300)` |
89
+ | `--dk-text-warning-outline` | `var(--dk-text-warning-on-subtle)` | `var(--dk-text-warning-on-subtle)` |
90
+ | `--dk-text-warning-subtle` | `var(--dk-color-warning-50)` | `var(--dk-color-warning-900)` |
91
+ | `--dk-text-warning-subtle-focus` | `var(--dk-color-warning-200)` | `var(--dk-color-warning-700)` |
92
+ | `--dk-text-warning-subtle-hover` | `var(--dk-color-warning-100)` | `var(--dk-color-warning-800)` |
package/package.json CHANGED
@@ -1,6 +1,22 @@
1
1
  {
2
2
  "name": "@karmo-co/drift-kit-reference",
3
- "version": "0.0.0-stage",
4
- "stub": true,
5
- "description": "Temporary package placeholder for staged publishing"
6
- }
3
+ "version": "23.5.0",
4
+ "description": "Reference documentation of Karmo's private Drift design system, for Karmo's Claude skills. Documentation only.",
5
+ "bin": {
6
+ "drift-kit-ref": "bin/drift-kit-ref.js"
7
+ },
8
+ "files": [
9
+ "bin",
10
+ "manifest",
11
+ "README.md",
12
+ "LICENSE"
13
+ ],
14
+ "license": "SEE LICENSE IN LICENSE",
15
+ "engines": {
16
+ "node": ">=18"
17
+ },
18
+ "publishConfig": {
19
+ "registry": "https://registry.npmjs.org",
20
+ "access": "public"
21
+ }
22
+ }