@trackunit/css-component-tokens 1.7.8 → 1.7.11

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 (8) hide show
  1. package/index.cjs.js +15 -15
  2. package/index.esm.js +15 -15
  3. package/package.json +3 -3
  4. package/src/component-tokens/ComponentTokenVariablesByThemeName.d.ts +17 -17
  5. package/src/component-tokens/ComponentTokens.d.ts +17 -17
  6. package/src/component-tokens/components/Button.tokens.d.ts +4 -4
  7. package/src/component-tokens/components/Card.tokens.d.ts +1 -1
  8. package/src/component-tokens/components/Search.tokens.d.ts +12 -12
package/index.cjs.js CHANGED
@@ -44,13 +44,13 @@ const BaseInputTokenDefinition = AsComponentTokenDefinition({
44
44
  */
45
45
  const ButtonTokenDefinition = AsComponentTokenDefinition({
46
46
  DEFAULT: {
47
- "secondary-color": { backgroundColor: "rgb(var(--color-secondary-200))", color: "rgb(var(--color-secondary-600))" },
47
+ "secondary-color": { backgroundColor: "rgb(var(--color-neutral-200))", color: "rgb(var(--color-neutral-600))" },
48
48
  border: { borderRadius: "var(--border-radius-lg)" },
49
49
  height: { height: "auto" },
50
50
  padding: { paddingLeft: "var(--spacing-2-5)", paddingRight: "var(--spacing-2-5)" },
51
51
  },
52
52
  "theme-marketing": {
53
- "secondary-color": { backgroundColor: "rgb(var(--color-secondary-600))", color: "rgb(var(--color-secondary-50))" },
53
+ "secondary-color": { backgroundColor: "rgb(var(--color-neutral-600))", color: "rgb(var(--color-neutral-50))" },
54
54
  border: { borderRadius: "50px" },
55
55
  height: { height: "55px" },
56
56
  padding: { paddingLeft: "var(--spacing-12)", paddingRight: "var(--spacing-12)" },
@@ -63,7 +63,7 @@ const ButtonTokenDefinition = AsComponentTokenDefinition({
63
63
  */
64
64
  const CardTokenDefinition = AsComponentTokenDefinition({
65
65
  DEFAULT: {
66
- border: { borderColor: "rgb(var(--color-secondary-200))", borderRadius: "var(--border-radius-lg)" },
66
+ border: { borderColor: "rgb(var(--color-neutral-200))", borderRadius: "var(--border-radius-lg)" },
67
67
  "popover-border": { borderRadius: "var(--border-radius-lg)" },
68
68
  shadow: { boxShadow: "var(--box-shadow-none)" },
69
69
  spacing: { gap: "var(--spacing-3)", padding: "var(--spacing-3)" },
@@ -133,26 +133,26 @@ const SearchTokenDefinition = AsComponentTokenDefinition({
133
133
  "focus-hover": {
134
134
  borderWidth: "1px",
135
135
  borderBottomWidth: "1px",
136
- borderColor: "rgb(var(--color-gray-400))",
137
- borderBottomColor: "rgb(var(--color-gray-400))",
138
- backgroundColor: "rgb(var(--color-slate-50))",
136
+ borderColor: "rgb(var(--color-neutral-400))",
137
+ borderBottomColor: "rgb(var(--color-neutral-400))",
138
+ backgroundColor: "rgb(var(--color-neutral-50))",
139
139
  },
140
140
  border: {
141
141
  borderStyle: "solid",
142
142
  borderWidth: "1px",
143
143
  borderBottomWidth: "1px",
144
- borderColor: "rgb(var(--color-gray-200))",
145
- borderBottomColor: "rgb(var(--color-gray-200))",
144
+ borderColor: "rgb(var(--color-neutral-200))",
145
+ borderBottomColor: "rgb(var(--color-neutral-200))",
146
146
  borderRadius: "0.5rem",
147
147
  },
148
148
  "focus-within": {
149
- borderColor: "rgb(var(--color-slate-400))",
149
+ borderColor: "rgb(var(--color-neutral-400))",
150
150
  boxShadow: "var(--tw-ring-inset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)",
151
151
  },
152
- widen: { borderBottomColor: "rgb(var(--color-gray-400))" },
153
- "widen-focus": { borderBottomColor: "rgb(var(--color-gray-400))" },
152
+ widen: { borderBottomColor: "rgb(var(--color-neutral-400))" },
153
+ "widen-focus": { borderBottomColor: "rgb(var(--color-neutral-400))" },
154
154
  prefix: {
155
- color: "rgb(var(--color-slate-400))",
155
+ color: "rgb(var(--color-neutral-400))",
156
156
  cursor: "default",
157
157
  },
158
158
  },
@@ -173,8 +173,8 @@ const SearchTokenDefinition = AsComponentTokenDefinition({
173
173
  borderStyle: "solid",
174
174
  borderWidth: "1px",
175
175
  borderBottomWidth: "1px",
176
- borderColor: "rgb(var(--color-gray-300))",
177
- borderBottomColor: "rgb(var(--color-gray-300))",
176
+ borderColor: "rgb(var(--color-neutral-300))",
177
+ borderBottomColor: "rgb(var(--color-neutral-300))",
178
178
  borderRadius: "0px",
179
179
  },
180
180
  "focus-within": {
@@ -188,7 +188,7 @@ const SearchTokenDefinition = AsComponentTokenDefinition({
188
188
  borderBottomColor: "rgb(var(--color-black-DEFAULT))",
189
189
  },
190
190
  prefix: {
191
- color: "rgb(var(--color-slate-600))",
191
+ color: "rgb(var(--color-neutral-600))",
192
192
  cursor: "pointer",
193
193
  },
194
194
  },
package/index.esm.js CHANGED
@@ -40,13 +40,13 @@ const BaseInputTokenDefinition = AsComponentTokenDefinition({
40
40
  */
41
41
  const ButtonTokenDefinition = AsComponentTokenDefinition({
42
42
  DEFAULT: {
43
- "secondary-color": { backgroundColor: "rgb(var(--color-secondary-200))", color: "rgb(var(--color-secondary-600))" },
43
+ "secondary-color": { backgroundColor: "rgb(var(--color-neutral-200))", color: "rgb(var(--color-neutral-600))" },
44
44
  border: { borderRadius: "var(--border-radius-lg)" },
45
45
  height: { height: "auto" },
46
46
  padding: { paddingLeft: "var(--spacing-2-5)", paddingRight: "var(--spacing-2-5)" },
47
47
  },
48
48
  "theme-marketing": {
49
- "secondary-color": { backgroundColor: "rgb(var(--color-secondary-600))", color: "rgb(var(--color-secondary-50))" },
49
+ "secondary-color": { backgroundColor: "rgb(var(--color-neutral-600))", color: "rgb(var(--color-neutral-50))" },
50
50
  border: { borderRadius: "50px" },
51
51
  height: { height: "55px" },
52
52
  padding: { paddingLeft: "var(--spacing-12)", paddingRight: "var(--spacing-12)" },
@@ -59,7 +59,7 @@ const ButtonTokenDefinition = AsComponentTokenDefinition({
59
59
  */
60
60
  const CardTokenDefinition = AsComponentTokenDefinition({
61
61
  DEFAULT: {
62
- border: { borderColor: "rgb(var(--color-secondary-200))", borderRadius: "var(--border-radius-lg)" },
62
+ border: { borderColor: "rgb(var(--color-neutral-200))", borderRadius: "var(--border-radius-lg)" },
63
63
  "popover-border": { borderRadius: "var(--border-radius-lg)" },
64
64
  shadow: { boxShadow: "var(--box-shadow-none)" },
65
65
  spacing: { gap: "var(--spacing-3)", padding: "var(--spacing-3)" },
@@ -129,26 +129,26 @@ const SearchTokenDefinition = AsComponentTokenDefinition({
129
129
  "focus-hover": {
130
130
  borderWidth: "1px",
131
131
  borderBottomWidth: "1px",
132
- borderColor: "rgb(var(--color-gray-400))",
133
- borderBottomColor: "rgb(var(--color-gray-400))",
134
- backgroundColor: "rgb(var(--color-slate-50))",
132
+ borderColor: "rgb(var(--color-neutral-400))",
133
+ borderBottomColor: "rgb(var(--color-neutral-400))",
134
+ backgroundColor: "rgb(var(--color-neutral-50))",
135
135
  },
136
136
  border: {
137
137
  borderStyle: "solid",
138
138
  borderWidth: "1px",
139
139
  borderBottomWidth: "1px",
140
- borderColor: "rgb(var(--color-gray-200))",
141
- borderBottomColor: "rgb(var(--color-gray-200))",
140
+ borderColor: "rgb(var(--color-neutral-200))",
141
+ borderBottomColor: "rgb(var(--color-neutral-200))",
142
142
  borderRadius: "0.5rem",
143
143
  },
144
144
  "focus-within": {
145
- borderColor: "rgb(var(--color-slate-400))",
145
+ borderColor: "rgb(var(--color-neutral-400))",
146
146
  boxShadow: "var(--tw-ring-inset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)",
147
147
  },
148
- widen: { borderBottomColor: "rgb(var(--color-gray-400))" },
149
- "widen-focus": { borderBottomColor: "rgb(var(--color-gray-400))" },
148
+ widen: { borderBottomColor: "rgb(var(--color-neutral-400))" },
149
+ "widen-focus": { borderBottomColor: "rgb(var(--color-neutral-400))" },
150
150
  prefix: {
151
- color: "rgb(var(--color-slate-400))",
151
+ color: "rgb(var(--color-neutral-400))",
152
152
  cursor: "default",
153
153
  },
154
154
  },
@@ -169,8 +169,8 @@ const SearchTokenDefinition = AsComponentTokenDefinition({
169
169
  borderStyle: "solid",
170
170
  borderWidth: "1px",
171
171
  borderBottomWidth: "1px",
172
- borderColor: "rgb(var(--color-gray-300))",
173
- borderBottomColor: "rgb(var(--color-gray-300))",
172
+ borderColor: "rgb(var(--color-neutral-300))",
173
+ borderBottomColor: "rgb(var(--color-neutral-300))",
174
174
  borderRadius: "0px",
175
175
  },
176
176
  "focus-within": {
@@ -184,7 +184,7 @@ const SearchTokenDefinition = AsComponentTokenDefinition({
184
184
  borderBottomColor: "rgb(var(--color-black-DEFAULT))",
185
185
  },
186
186
  prefix: {
187
- color: "rgb(var(--color-slate-600))",
187
+ color: "rgb(var(--color-neutral-600))",
188
188
  cursor: "pointer",
189
189
  },
190
190
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trackunit/css-component-tokens",
3
- "version": "1.7.8",
3
+ "version": "1.7.11",
4
4
  "main": "./index.cjs.js",
5
5
  "repository": "https://github.com/Trackunit/manager",
6
6
  "license": "SEE LICENSE IN LICENSE.txt",
@@ -11,8 +11,8 @@
11
11
  "csstype": "3.1.2",
12
12
  "tailwindcss": "3.4.3",
13
13
  "jest-fetch-mock": "^3.0.3",
14
- "@trackunit/css-tailwind-custom-properties-plugin": "1.7.8",
15
- "@trackunit/react-test-setup": "1.4.8"
14
+ "@trackunit/css-tailwind-custom-properties-plugin": "1.7.11",
15
+ "@trackunit/react-test-setup": "1.4.11"
16
16
  },
17
17
  "module": "./index.esm.js",
18
18
  "types": "./index.d.ts"
package/src/component-tokens/ComponentTokenVariablesByThemeName.d.ts CHANGED
@@ -4,7 +4,7 @@ import { ComponentTokenDefinitions } from "./ComponentTokens";
4
4
  export declare const getComponentTokenVariablesByThemeName: (theme: ThemeNames, componentTokenDefinitions: ComponentTokenDefinitions) => {
5
5
  [k: string]: {
6
6
  readonly border: {
7
- readonly borderColor: "rgb(var(--color-secondary-200))";
7
+ readonly borderColor: "rgb(var(--color-neutral-200))";
8
8
  readonly borderRadius: "var(--border-radius-lg)";
9
9
  };
10
10
  readonly "popover-border": {
@@ -50,8 +50,8 @@ export declare const getComponentTokenVariablesByThemeName: (theme: ThemeNames,
50
50
  };
51
51
  } | {
52
52
  readonly "secondary-color": {
53
- readonly backgroundColor: "rgb(var(--color-secondary-200))";
54
- readonly color: "rgb(var(--color-secondary-600))";
53
+ readonly backgroundColor: "rgb(var(--color-neutral-200))";
54
+ readonly color: "rgb(var(--color-neutral-600))";
55
55
  };
56
56
  readonly border: {
57
57
  readonly borderRadius: "var(--border-radius-lg)";
@@ -65,8 +65,8 @@ export declare const getComponentTokenVariablesByThemeName: (theme: ThemeNames,
65
65
  };
66
66
  } | {
67
67
  readonly "secondary-color": {
68
- readonly backgroundColor: "rgb(var(--color-secondary-600))";
69
- readonly color: "rgb(var(--color-secondary-50))";
68
+ readonly backgroundColor: "rgb(var(--color-neutral-600))";
69
+ readonly color: "rgb(var(--color-neutral-50))";
70
70
  };
71
71
  readonly border: {
72
72
  readonly borderRadius: "50px";
@@ -91,30 +91,30 @@ export declare const getComponentTokenVariablesByThemeName: (theme: ThemeNames,
91
91
  readonly "focus-hover": {
92
92
  readonly borderWidth: "1px";
93
93
  readonly borderBottomWidth: "1px";
94
- readonly borderColor: "rgb(var(--color-gray-400))";
95
- readonly borderBottomColor: "rgb(var(--color-gray-400))";
96
- readonly backgroundColor: "rgb(var(--color-slate-50))";
94
+ readonly borderColor: "rgb(var(--color-neutral-400))";
95
+ readonly borderBottomColor: "rgb(var(--color-neutral-400))";
96
+ readonly backgroundColor: "rgb(var(--color-neutral-50))";
97
97
  };
98
98
  readonly border: {
99
99
  readonly borderStyle: "solid";
100
100
  readonly borderWidth: "1px";
101
101
  readonly borderBottomWidth: "1px";
102
- readonly borderColor: "rgb(var(--color-gray-200))";
103
- readonly borderBottomColor: "rgb(var(--color-gray-200))";
102
+ readonly borderColor: "rgb(var(--color-neutral-200))";
103
+ readonly borderBottomColor: "rgb(var(--color-neutral-200))";
104
104
  readonly borderRadius: "0.5rem";
105
105
  };
106
106
  readonly "focus-within": {
107
- readonly borderColor: "rgb(var(--color-slate-400))";
107
+ readonly borderColor: "rgb(var(--color-neutral-400))";
108
108
  readonly boxShadow: "var(--tw-ring-inset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)";
109
109
  };
110
110
  readonly widen: {
111
- readonly borderBottomColor: "rgb(var(--color-gray-400))";
111
+ readonly borderBottomColor: "rgb(var(--color-neutral-400))";
112
112
  };
113
113
  readonly "widen-focus": {
114
- readonly borderBottomColor: "rgb(var(--color-gray-400))";
114
+ readonly borderBottomColor: "rgb(var(--color-neutral-400))";
115
115
  };
116
116
  readonly prefix: {
117
- readonly color: "rgb(var(--color-slate-400))";
117
+ readonly color: "rgb(var(--color-neutral-400))";
118
118
  readonly cursor: "default";
119
119
  };
120
120
  } | {
@@ -138,8 +138,8 @@ export declare const getComponentTokenVariablesByThemeName: (theme: ThemeNames,
138
138
  readonly borderStyle: "solid";
139
139
  readonly borderWidth: "1px";
140
140
  readonly borderBottomWidth: "1px";
141
- readonly borderColor: "rgb(var(--color-gray-300))";
142
- readonly borderBottomColor: "rgb(var(--color-gray-300))";
141
+ readonly borderColor: "rgb(var(--color-neutral-300))";
142
+ readonly borderBottomColor: "rgb(var(--color-neutral-300))";
143
143
  readonly borderRadius: "0px";
144
144
  };
145
145
  readonly "focus-within": {
@@ -153,7 +153,7 @@ export declare const getComponentTokenVariablesByThemeName: (theme: ThemeNames,
153
153
  readonly borderBottomColor: "rgb(var(--color-black-DEFAULT))";
154
154
  };
155
155
  readonly prefix: {
156
- readonly color: "rgb(var(--color-slate-600))";
156
+ readonly color: "rgb(var(--color-neutral-600))";
157
157
  readonly cursor: "pointer";
158
158
  };
159
159
  } | {
package/src/component-tokens/ComponentTokens.d.ts CHANGED
@@ -3,7 +3,7 @@ export declare const componentTokenDefinitions: {
3
3
  card: {
4
4
  readonly DEFAULT: {
5
5
  readonly border: {
6
- readonly borderColor: "rgb(var(--color-secondary-200))";
6
+ readonly borderColor: "rgb(var(--color-neutral-200))";
7
7
  readonly borderRadius: "var(--border-radius-lg)";
8
8
  };
9
9
  readonly "popover-border": {
@@ -53,8 +53,8 @@ export declare const componentTokenDefinitions: {
53
53
  button: {
54
54
  readonly DEFAULT: {
55
55
  readonly "secondary-color": {
56
- readonly backgroundColor: "rgb(var(--color-secondary-200))";
57
- readonly color: "rgb(var(--color-secondary-600))";
56
+ readonly backgroundColor: "rgb(var(--color-neutral-200))";
57
+ readonly color: "rgb(var(--color-neutral-600))";
58
58
  };
59
59
  readonly border: {
60
60
  readonly borderRadius: "var(--border-radius-lg)";
@@ -69,8 +69,8 @@ export declare const componentTokenDefinitions: {
69
69
  };
70
70
  readonly "theme-marketing": {
71
71
  readonly "secondary-color": {
72
- readonly backgroundColor: "rgb(var(--color-secondary-600))";
73
- readonly color: "rgb(var(--color-secondary-50))";
72
+ readonly backgroundColor: "rgb(var(--color-neutral-600))";
73
+ readonly color: "rgb(var(--color-neutral-50))";
74
74
  };
75
75
  readonly border: {
76
76
  readonly borderRadius: "50px";
@@ -98,30 +98,30 @@ export declare const componentTokenDefinitions: {
98
98
  readonly "focus-hover": {
99
99
  readonly borderWidth: "1px";
100
100
  readonly borderBottomWidth: "1px";
101
- readonly borderColor: "rgb(var(--color-gray-400))";
102
- readonly borderBottomColor: "rgb(var(--color-gray-400))";
103
- readonly backgroundColor: "rgb(var(--color-slate-50))";
101
+ readonly borderColor: "rgb(var(--color-neutral-400))";
102
+ readonly borderBottomColor: "rgb(var(--color-neutral-400))";
103
+ readonly backgroundColor: "rgb(var(--color-neutral-50))";
104
104
  };
105
105
  readonly border: {
106
106
  readonly borderStyle: "solid";
107
107
  readonly borderWidth: "1px";
108
108
  readonly borderBottomWidth: "1px";
109
- readonly borderColor: "rgb(var(--color-gray-200))";
110
- readonly borderBottomColor: "rgb(var(--color-gray-200))";
109
+ readonly borderColor: "rgb(var(--color-neutral-200))";
110
+ readonly borderBottomColor: "rgb(var(--color-neutral-200))";
111
111
  readonly borderRadius: "0.5rem";
112
112
  };
113
113
  readonly "focus-within": {
114
- readonly borderColor: "rgb(var(--color-slate-400))";
114
+ readonly borderColor: "rgb(var(--color-neutral-400))";
115
115
  readonly boxShadow: "var(--tw-ring-inset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)";
116
116
  };
117
117
  readonly widen: {
118
- readonly borderBottomColor: "rgb(var(--color-gray-400))";
118
+ readonly borderBottomColor: "rgb(var(--color-neutral-400))";
119
119
  };
120
120
  readonly "widen-focus": {
121
- readonly borderBottomColor: "rgb(var(--color-gray-400))";
121
+ readonly borderBottomColor: "rgb(var(--color-neutral-400))";
122
122
  };
123
123
  readonly prefix: {
124
- readonly color: "rgb(var(--color-slate-400))";
124
+ readonly color: "rgb(var(--color-neutral-400))";
125
125
  readonly cursor: "default";
126
126
  };
127
127
  };
@@ -146,8 +146,8 @@ export declare const componentTokenDefinitions: {
146
146
  readonly borderStyle: "solid";
147
147
  readonly borderWidth: "1px";
148
148
  readonly borderBottomWidth: "1px";
149
- readonly borderColor: "rgb(var(--color-gray-300))";
150
- readonly borderBottomColor: "rgb(var(--color-gray-300))";
149
+ readonly borderColor: "rgb(var(--color-neutral-300))";
150
+ readonly borderBottomColor: "rgb(var(--color-neutral-300))";
151
151
  readonly borderRadius: "0px";
152
152
  };
153
153
  readonly "focus-within": {
@@ -161,7 +161,7 @@ export declare const componentTokenDefinitions: {
161
161
  readonly borderBottomColor: "rgb(var(--color-black-DEFAULT))";
162
162
  };
163
163
  readonly prefix: {
164
- readonly color: "rgb(var(--color-slate-600))";
164
+ readonly color: "rgb(var(--color-neutral-600))";
165
165
  readonly cursor: "pointer";
166
166
  };
167
167
  };
package/src/component-tokens/components/Button.tokens.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  export declare const ButtonTokenDefinition: {
2
2
  readonly DEFAULT: {
3
3
  readonly "secondary-color": {
4
- readonly backgroundColor: "rgb(var(--color-secondary-200))";
5
- readonly color: "rgb(var(--color-secondary-600))";
4
+ readonly backgroundColor: "rgb(var(--color-neutral-200))";
5
+ readonly color: "rgb(var(--color-neutral-600))";
6
6
  };
7
7
  readonly border: {
8
8
  readonly borderRadius: "var(--border-radius-lg)";
@@ -17,8 +17,8 @@ export declare const ButtonTokenDefinition: {
17
17
  };
18
18
  readonly "theme-marketing": {
19
19
  readonly "secondary-color": {
20
- readonly backgroundColor: "rgb(var(--color-secondary-600))";
21
- readonly color: "rgb(var(--color-secondary-50))";
20
+ readonly backgroundColor: "rgb(var(--color-neutral-600))";
21
+ readonly color: "rgb(var(--color-neutral-50))";
22
22
  };
23
23
  readonly border: {
24
24
  readonly borderRadius: "50px";
package/src/component-tokens/components/Card.tokens.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  export declare const CardTokenDefinition: {
2
2
  readonly DEFAULT: {
3
3
  readonly border: {
4
- readonly borderColor: "rgb(var(--color-secondary-200))";
4
+ readonly borderColor: "rgb(var(--color-neutral-200))";
5
5
  readonly borderRadius: "var(--border-radius-lg)";
6
6
  };
7
7
  readonly "popover-border": {
package/src/component-tokens/components/Search.tokens.d.ts CHANGED
@@ -12,30 +12,30 @@ export declare const SearchTokenDefinition: {
12
12
  readonly "focus-hover": {
13
13
  readonly borderWidth: "1px";
14
14
  readonly borderBottomWidth: "1px";
15
- readonly borderColor: "rgb(var(--color-gray-400))";
16
- readonly borderBottomColor: "rgb(var(--color-gray-400))";
17
- readonly backgroundColor: "rgb(var(--color-slate-50))";
15
+ readonly borderColor: "rgb(var(--color-neutral-400))";
16
+ readonly borderBottomColor: "rgb(var(--color-neutral-400))";
17
+ readonly backgroundColor: "rgb(var(--color-neutral-50))";
18
18
  };
19
19
  readonly border: {
20
20
  readonly borderStyle: "solid";
21
21
  readonly borderWidth: "1px";
22
22
  readonly borderBottomWidth: "1px";
23
- readonly borderColor: "rgb(var(--color-gray-200))";
24
- readonly borderBottomColor: "rgb(var(--color-gray-200))";
23
+ readonly borderColor: "rgb(var(--color-neutral-200))";
24
+ readonly borderBottomColor: "rgb(var(--color-neutral-200))";
25
25
  readonly borderRadius: "0.5rem";
26
26
  };
27
27
  readonly "focus-within": {
28
- readonly borderColor: "rgb(var(--color-slate-400))";
28
+ readonly borderColor: "rgb(var(--color-neutral-400))";
29
29
  readonly boxShadow: "var(--tw-ring-inset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)";
30
30
  };
31
31
  readonly widen: {
32
- readonly borderBottomColor: "rgb(var(--color-gray-400))";
32
+ readonly borderBottomColor: "rgb(var(--color-neutral-400))";
33
33
  };
34
34
  readonly "widen-focus": {
35
- readonly borderBottomColor: "rgb(var(--color-gray-400))";
35
+ readonly borderBottomColor: "rgb(var(--color-neutral-400))";
36
36
  };
37
37
  readonly prefix: {
38
- readonly color: "rgb(var(--color-slate-400))";
38
+ readonly color: "rgb(var(--color-neutral-400))";
39
39
  readonly cursor: "default";
40
40
  };
41
41
  };
@@ -60,8 +60,8 @@ export declare const SearchTokenDefinition: {
60
60
  readonly borderStyle: "solid";
61
61
  readonly borderWidth: "1px";
62
62
  readonly borderBottomWidth: "1px";
63
- readonly borderColor: "rgb(var(--color-gray-300))";
64
- readonly borderBottomColor: "rgb(var(--color-gray-300))";
63
+ readonly borderColor: "rgb(var(--color-neutral-300))";
64
+ readonly borderBottomColor: "rgb(var(--color-neutral-300))";
65
65
  readonly borderRadius: "0px";
66
66
  };
67
67
  readonly "focus-within": {
@@ -75,7 +75,7 @@ export declare const SearchTokenDefinition: {
75
75
  readonly borderBottomColor: "rgb(var(--color-black-DEFAULT))";
76
76
  };
77
77
  readonly prefix: {
78
- readonly color: "rgb(var(--color-slate-600))";
78
+ readonly color: "rgb(var(--color-neutral-600))";
79
79
  readonly cursor: "pointer";
80
80
  };
81
81
  };