@trackunit/css-component-tokens 0.0.12 → 0.0.13

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 (7) hide show
  1. package/index.cjs +5 -3
  2. package/package.json +1 -1
  3. package/src/component-tokens/ComponentTokenDefinition.d.ts +2 -2
  4. package/src/component-tokens/ComponentTokenVariablesByThemeName.d.ts +9 -3
  5. package/src/component-tokens/ComponentTokens.d.ts +12 -6
  6. package/src/component-tokens/components/BaseInput.tokens.d.ts +7 -1
  7. package/src/component-tokens/components/Search.tokens.d.ts +2 -2
package/index.cjs CHANGED
@@ -20,14 +20,16 @@ const AsComponentTokenDefinition = (designTokens) => designTokens;
20
20
  */
21
21
  const BaseInputTokenDefinition = AsComponentTokenDefinition({
22
22
  DEFAULT: {
23
- border: { borderRadius: "var(--border-radius-DEFAULT)", borderWidth: "1px" },
23
+ border: { borderRadius: "var(--border-radius-lg)", borderWidth: "1px" },
24
24
  shadow: { boxShadow: "var(--box-shadow-sm)" },
25
25
  background: { backgroundColor: "white" },
26
+ prefix: { borderRightWidth: "1px" },
26
27
  },
27
28
  "theme-marketing": {
28
29
  border: { borderRadius: "70px", borderWidth: "0px" },
29
30
  shadow: { boxShadow: "none" },
30
31
  background: { backgroundColor: "rgb(var(--color-stone-50))" },
32
+ prefix: { borderRightWidth: "0px" },
31
33
  },
32
34
  });
33
35
 
@@ -142,8 +144,8 @@ const SearchTokenDefinition = AsComponentTokenDefinition({
142
144
  borderColor: "rgb(var(--color-slate-400))",
143
145
  boxShadow: "var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)",
144
146
  },
145
- widen: { borderBottomColor: "rgb(var(--color-white-DEFAULT))" },
146
- "widen-focus": { borderBottomColor: "rgb(var(--color-black-DEFAULT))" },
147
+ widen: { borderBottomColor: "rgb(var(--color-gray-400))" },
148
+ "widen-focus": { borderBottomColor: "rgb(var(--color-gray-400))" },
147
149
  prefix: {
148
150
  color: "rgb(var(--color-slate-400))",
149
151
  cursor: "default",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trackunit/css-component-tokens",
3
- "version": "0.0.12",
3
+ "version": "0.0.13",
4
4
  "main": "./index.cjs",
5
5
  "repository": "https://github.com/Trackunit/manager",
6
6
  "license": "SEE LICENSE IN LICENSE.txt",
package/src/component-tokens/ComponentTokenDefinition.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { Properties as CSSProperties } from "csstype";
2
- export declare type ThemeNames = "DEFAULT" | "theme-marketing";
3
- export declare type ComponentTokenDefinition = {
2
+ export type ThemeNames = "DEFAULT" | "theme-marketing";
3
+ export type ComponentTokenDefinition = {
4
4
  [key in ThemeNames]: {
5
5
  [key: string]: CSSProperties;
6
6
  };
package/src/component-tokens/ComponentTokenVariablesByThemeName.d.ts CHANGED
@@ -108,10 +108,10 @@ export declare const getComponentTokenVariablesByThemeName: (theme: ThemeNames,
108
108
  readonly boxShadow: "var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)";
109
109
  };
110
110
  readonly widen: {
111
- readonly borderBottomColor: "rgb(var(--color-white-DEFAULT))";
111
+ readonly borderBottomColor: "rgb(var(--color-gray-400))";
112
112
  };
113
113
  readonly "widen-focus": {
114
- readonly borderBottomColor: "rgb(var(--color-black-DEFAULT))";
114
+ readonly borderBottomColor: "rgb(var(--color-gray-400))";
115
115
  };
116
116
  readonly prefix: {
117
117
  readonly color: "rgb(var(--color-slate-400))";
@@ -174,7 +174,7 @@ export declare const getComponentTokenVariablesByThemeName: (theme: ThemeNames,
174
174
  };
175
175
  } | {
176
176
  readonly border: {
177
- readonly borderRadius: "var(--border-radius-DEFAULT)";
177
+ readonly borderRadius: "var(--border-radius-lg)";
178
178
  readonly borderWidth: "1px";
179
179
  };
180
180
  readonly shadow: {
@@ -183,6 +183,9 @@ export declare const getComponentTokenVariablesByThemeName: (theme: ThemeNames,
183
183
  readonly background: {
184
184
  readonly backgroundColor: "white";
185
185
  };
186
+ readonly prefix: {
187
+ readonly borderRightWidth: "1px";
188
+ };
186
189
  } | {
187
190
  readonly border: {
188
191
  readonly borderRadius: "70px";
@@ -194,6 +197,9 @@ export declare const getComponentTokenVariablesByThemeName: (theme: ThemeNames,
194
197
  readonly background: {
195
198
  readonly backgroundColor: "rgb(var(--color-stone-50))";
196
199
  };
200
+ readonly prefix: {
201
+ readonly borderRightWidth: "0px";
202
+ };
197
203
  } | {
198
204
  readonly gap: {
199
205
  readonly display: "auto";
package/src/component-tokens/ComponentTokens.d.ts CHANGED
@@ -115,10 +115,10 @@ export declare const componentTokenDefinitions: {
115
115
  readonly boxShadow: "var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)";
116
116
  };
117
117
  readonly widen: {
118
- readonly borderBottomColor: "rgb(var(--color-white-DEFAULT))";
118
+ readonly borderBottomColor: "rgb(var(--color-gray-400))";
119
119
  };
120
120
  readonly "widen-focus": {
121
- readonly borderBottomColor: "rgb(var(--color-black-DEFAULT))";
121
+ readonly borderBottomColor: "rgb(var(--color-gray-400))";
122
122
  };
123
123
  readonly prefix: {
124
124
  readonly color: "rgb(var(--color-slate-400))";
@@ -193,7 +193,7 @@ export declare const componentTokenDefinitions: {
193
193
  baseInput: {
194
194
  readonly DEFAULT: {
195
195
  readonly border: {
196
- readonly borderRadius: "var(--border-radius-DEFAULT)";
196
+ readonly borderRadius: "var(--border-radius-lg)";
197
197
  readonly borderWidth: "1px";
198
198
  };
199
199
  readonly shadow: {
@@ -202,6 +202,9 @@ export declare const componentTokenDefinitions: {
202
202
  readonly background: {
203
203
  readonly backgroundColor: "white";
204
204
  };
205
+ readonly prefix: {
206
+ readonly borderRightWidth: "1px";
207
+ };
205
208
  };
206
209
  readonly "theme-marketing": {
207
210
  readonly border: {
@@ -214,6 +217,9 @@ export declare const componentTokenDefinitions: {
214
217
  readonly background: {
215
218
  readonly backgroundColor: "rgb(var(--color-stone-50))";
216
219
  };
220
+ readonly prefix: {
221
+ readonly borderRightWidth: "0px";
222
+ };
217
223
  };
218
224
  };
219
225
  formGroup: {
@@ -237,8 +243,8 @@ export declare const componentTokenDefinitions: {
237
243
  };
238
244
  };
239
245
  };
240
- export declare type ComponentTokenDefinitions = typeof componentTokenDefinitions;
241
- export declare type ComponentNames = keyof typeof componentTokenDefinitions;
242
- export declare type ComponentTokenNames<Component extends ComponentNames> = {
246
+ export type ComponentTokenDefinitions = typeof componentTokenDefinitions;
247
+ export type ComponentNames = keyof typeof componentTokenDefinitions;
248
+ export type ComponentTokenNames<Component extends ComponentNames> = {
243
249
  [Key in keyof typeof componentTokenDefinitions[Component][ThemeNames] & string]: Key;
244
250
  }[keyof typeof componentTokenDefinitions[Component][ThemeNames] & string];
package/src/component-tokens/components/BaseInput.tokens.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  export declare const BaseInputTokenDefinition: {
2
2
  readonly DEFAULT: {
3
3
  readonly border: {
4
- readonly borderRadius: "var(--border-radius-DEFAULT)";
4
+ readonly borderRadius: "var(--border-radius-lg)";
5
5
  readonly borderWidth: "1px";
6
6
  };
7
7
  readonly shadow: {
@@ -10,6 +10,9 @@ export declare const BaseInputTokenDefinition: {
10
10
  readonly background: {
11
11
  readonly backgroundColor: "white";
12
12
  };
13
+ readonly prefix: {
14
+ readonly borderRightWidth: "1px";
15
+ };
13
16
  };
14
17
  readonly "theme-marketing": {
15
18
  readonly border: {
@@ -22,6 +25,9 @@ export declare const BaseInputTokenDefinition: {
22
25
  readonly background: {
23
26
  readonly backgroundColor: "rgb(var(--color-stone-50))";
24
27
  };
28
+ readonly prefix: {
29
+ readonly borderRightWidth: "0px";
30
+ };
25
31
  };
26
32
  };
27
33
  export default BaseInputTokenDefinition;
package/src/component-tokens/components/Search.tokens.d.ts CHANGED
@@ -29,10 +29,10 @@ export declare const SearchTokenDefinition: {
29
29
  readonly boxShadow: "var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)";
30
30
  };
31
31
  readonly widen: {
32
- readonly borderBottomColor: "rgb(var(--color-white-DEFAULT))";
32
+ readonly borderBottomColor: "rgb(var(--color-gray-400))";
33
33
  };
34
34
  readonly "widen-focus": {
35
- readonly borderBottomColor: "rgb(var(--color-black-DEFAULT))";
35
+ readonly borderBottomColor: "rgb(var(--color-gray-400))";
36
36
  };
37
37
  readonly prefix: {
38
38
  readonly color: "rgb(var(--color-slate-400))";