@bgord/design 1.6.16 → 1.6.18

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 (4) hide show
  1. package/dist/lib.d.ts +143 -143
  2. package/dist/lib.js +169 -165
  3. package/package.json +9 -10
  4. package/readme.md +1 -1
package/dist/lib.d.ts CHANGED
@@ -1,209 +1,209 @@
1
1
  export declare const BackdropsTokens: {
2
- readonly "backdrop-none": "none";
3
- readonly "backdrop-weak": "rgba(0 0 0 / 0.35)";
4
- readonly "backdrop-medium": "rgba(0 0 0 / 0.6)";
5
- readonly "backdrop-strong": "rgba(0 0 0 / 0.75)";
6
- readonly "backdrop-stronger": "rgba(0 0 0 / 0.85)";
2
+ readonly "backdrop-none": "none";
3
+ readonly "backdrop-weak": "rgba(0 0 0 / 0.35)";
4
+ readonly "backdrop-medium": "rgba(0 0 0 / 0.6)";
5
+ readonly "backdrop-strong": "rgba(0 0 0 / 0.75)";
6
+ readonly "backdrop-stronger": "rgba(0 0 0 / 0.85)";
7
7
  };
8
8
  export type BackdropsTokenType = keyof typeof BackdropsTokens;
9
9
  export declare const BorderWidthTokens: {
10
- readonly "border-width-none": "0";
11
- readonly "border-width-hairline": "1px";
12
- readonly "border-width-thin": "2px";
13
- readonly "border-width-base": "4px";
14
- readonly "border-width-thick": "6px";
15
- readonly "border-width-heavy": "12px";
16
- readonly "border-width-unset": "unset";
10
+ readonly "border-width-none": "0";
11
+ readonly "border-width-hairline": "1px";
12
+ readonly "border-width-thin": "2px";
13
+ readonly "border-width-base": "4px";
14
+ readonly "border-width-thick": "6px";
15
+ readonly "border-width-heavy": "12px";
16
+ readonly "border-width-unset": "unset";
17
17
  };
18
18
  export type BorderWidthTokenType = keyof typeof BorderWidthTokens;
19
19
  export declare const BorderStyleTokens: {
20
- readonly "border-style-none": "none";
21
- readonly "border-style-solid": "solid";
22
- readonly "border-style-dashed": "dashed";
23
- readonly "border-style-dotted": "dotted";
24
- readonly "border-style-double": "double";
20
+ readonly "border-style-none": "none";
21
+ readonly "border-style-solid": "solid";
22
+ readonly "border-style-dashed": "dashed";
23
+ readonly "border-style-dotted": "dotted";
24
+ readonly "border-style-double": "double";
25
25
  };
26
26
  export type BorderStyleTokenType = keyof typeof BorderStyleTokens;
27
27
  export declare const BrandTokens: {
28
- readonly "color-brand-50": "oklch(0.94 0.07 255)";
29
- readonly "color-brand-100": "oklch(0.86 0.10 255)";
30
- readonly "color-brand-200": "oklch(0.78 0.12 255)";
31
- readonly "color-brand-300": "oklch(0.67 0.15 255)";
32
- readonly "color-brand-400": "oklch(0.56 0.18 255)";
33
- readonly "color-brand-500": "oklch(0.46 0.20 255)";
34
- readonly "color-brand-600": "oklch(0.38 0.18 255)";
35
- readonly "color-brand-700": "oklch(0.30 0.17 255)";
36
- readonly "color-brand-800": "oklch(0.24 0.15 255)";
37
- readonly "color-brand-900": "oklch(0.18 0.12 255)";
28
+ readonly "color-brand-50": "oklch(0.94 0.07 255)";
29
+ readonly "color-brand-100": "oklch(0.86 0.10 255)";
30
+ readonly "color-brand-200": "oklch(0.78 0.12 255)";
31
+ readonly "color-brand-300": "oklch(0.67 0.15 255)";
32
+ readonly "color-brand-400": "oklch(0.56 0.18 255)";
33
+ readonly "color-brand-500": "oklch(0.46 0.20 255)";
34
+ readonly "color-brand-600": "oklch(0.38 0.18 255)";
35
+ readonly "color-brand-700": "oklch(0.30 0.17 255)";
36
+ readonly "color-brand-800": "oklch(0.24 0.15 255)";
37
+ readonly "color-brand-900": "oklch(0.18 0.12 255)";
38
38
  };
39
39
  export type BrandTokenType = keyof typeof BrandTokens;
40
40
  export declare const BreakpointTokens: {
41
- readonly "breakpoint-md": "768px";
41
+ readonly "breakpoint-md": "768px";
42
42
  };
43
43
  export type BreakpointTokenType = keyof typeof BreakpointTokens;
44
44
  export declare const DangerTokens: {
45
- readonly "color-danger-0": "oklch(0.96 0.21 28)";
46
- readonly "color-danger-100": "oklch(0.88 0.20 28)";
47
- readonly "color-danger-200": "oklch(0.76 0.20 28)";
48
- readonly "color-danger-400": "oklch(0.60 0.18 28)";
49
- readonly "color-danger-600": "oklch(0.44 0.15 28)";
50
- readonly "color-danger-800": "oklch(0.30 0.12 28)";
51
- readonly "color-danger-900": "oklch(0.22 0.11 28)";
45
+ readonly "color-danger-0": "oklch(0.96 0.21 28)";
46
+ readonly "color-danger-100": "oklch(0.88 0.20 28)";
47
+ readonly "color-danger-200": "oklch(0.76 0.20 28)";
48
+ readonly "color-danger-400": "oklch(0.60 0.18 28)";
49
+ readonly "color-danger-600": "oklch(0.44 0.15 28)";
50
+ readonly "color-danger-800": "oklch(0.30 0.12 28)";
51
+ readonly "color-danger-900": "oklch(0.22 0.11 28)";
52
52
  };
53
53
  export type DangerTokenType = keyof typeof DangerTokens;
54
54
  export declare const FontFamilyTokens: {
55
- readonly "font-family-sans": "system-ui, sans-serif";
56
- readonly "font-family-serif": "Georgia, serif";
57
- readonly "font-family-mono": "\"SFMono-Regular\", monospace";
55
+ readonly "font-family-sans": "system-ui, sans-serif";
56
+ readonly "font-family-serif": "Georgia, serif";
57
+ readonly "font-family-mono": '"SFMono-Regular", monospace';
58
58
  };
59
59
  export type FontFamilyTokenType = keyof typeof FontFamilyTokens;
60
60
  export declare const FontSizeTokens: {
61
- readonly "font-size-xs": "0.75rem";
62
- readonly "font-size-sm": "0.875rem";
63
- readonly "font-size-base": "1rem";
64
- readonly "font-size-lg": "1.125rem";
65
- readonly "font-size-xl": "1.25rem";
66
- readonly "font-size-2xl": "1.5rem";
67
- readonly "font-size-3xl": "1.875rem";
68
- readonly "font-size-4xl": "2.25rem";
69
- readonly "font-size-5xl": "3rem";
61
+ readonly "font-size-xs": "0.75rem";
62
+ readonly "font-size-sm": "0.875rem";
63
+ readonly "font-size-base": "1rem";
64
+ readonly "font-size-lg": "1.125rem";
65
+ readonly "font-size-xl": "1.25rem";
66
+ readonly "font-size-2xl": "1.5rem";
67
+ readonly "font-size-3xl": "1.875rem";
68
+ readonly "font-size-4xl": "2.25rem";
69
+ readonly "font-size-5xl": "3rem";
70
70
  };
71
71
  export type FontSizeTokenType = keyof typeof FontSizeTokens;
72
72
  export declare const FontWeightTokens: {
73
- readonly "font-weight-light": "300";
74
- readonly "font-weight-regular": "400";
75
- readonly "font-weight-medium": "500";
76
- readonly "font-weight-bold": "700";
77
- readonly "font-weight-black": "900";
78
- readonly "font-weight-unset": "unset";
73
+ readonly "font-weight-light": "300";
74
+ readonly "font-weight-regular": "400";
75
+ readonly "font-weight-medium": "500";
76
+ readonly "font-weight-bold": "700";
77
+ readonly "font-weight-black": "900";
78
+ readonly "font-weight-unset": "unset";
79
79
  };
80
80
  export type FontWeightTokenType = keyof typeof FontWeightTokens;
81
81
  export declare const GrayscaleTokens: {
82
- readonly "color-neutral-0": "oklch(0.98 0.01 275)";
83
- readonly "color-neutral-50": "oklch(0.95 0.01 275)";
84
- readonly "color-neutral-100": "oklch(0.90 0.01 275)";
85
- readonly "color-neutral-200": "oklch(0.82 0.01 275)";
86
- readonly "color-neutral-300": "oklch(0.72 0.01 275)";
87
- readonly "color-neutral-400": "oklch(0.60 0.01 275)";
88
- readonly "color-neutral-500": "oklch(0.49 0.01 275)";
89
- readonly "color-neutral-600": "oklch(0.38 0.01 275)";
90
- readonly "color-neutral-700": "oklch(0.27 0.01 275)";
91
- readonly "color-neutral-800": "oklch(0.22 0.01 275)";
92
- readonly "color-neutral-900": "oklch(0.18 0.01 275)";
93
- readonly "color-neutral-950": "oklch(0.12 0.01 275)";
82
+ readonly "color-neutral-0": "oklch(0.98 0.01 275)";
83
+ readonly "color-neutral-50": "oklch(0.95 0.01 275)";
84
+ readonly "color-neutral-100": "oklch(0.90 0.01 275)";
85
+ readonly "color-neutral-200": "oklch(0.82 0.01 275)";
86
+ readonly "color-neutral-300": "oklch(0.72 0.01 275)";
87
+ readonly "color-neutral-400": "oklch(0.60 0.01 275)";
88
+ readonly "color-neutral-500": "oklch(0.49 0.01 275)";
89
+ readonly "color-neutral-600": "oklch(0.38 0.01 275)";
90
+ readonly "color-neutral-700": "oklch(0.27 0.01 275)";
91
+ readonly "color-neutral-800": "oklch(0.22 0.01 275)";
92
+ readonly "color-neutral-900": "oklch(0.18 0.01 275)";
93
+ readonly "color-neutral-950": "oklch(0.12 0.01 275)";
94
94
  };
95
95
  export type GrayscaleTokenType = keyof typeof GrayscaleTokens;
96
96
  export declare const LetterSpacingTokens: {
97
- readonly "letter-spacing-tight": "-0.01em";
98
- readonly "letter-spacing-normal": "0em";
99
- readonly "letter-spacing-wide": "0.025em";
100
- readonly "letter-spacing-wider": "0.05em";
101
- readonly "letter-spacing-widest": "0.1em";
102
- readonly "letter-spacing-unset": "unset";
97
+ readonly "letter-spacing-tight": "-0.01em";
98
+ readonly "letter-spacing-normal": "0em";
99
+ readonly "letter-spacing-wide": "0.025em";
100
+ readonly "letter-spacing-wider": "0.05em";
101
+ readonly "letter-spacing-widest": "0.1em";
102
+ readonly "letter-spacing-unset": "unset";
103
103
  };
104
104
  export type LetterSpacingTokenType = keyof typeof LetterSpacingTokens;
105
105
  export declare const LineHeightTokens: {
106
- readonly "line-height-none": "1";
107
- readonly "line-height-tight": "1.25";
108
- readonly "line-height-base": "1.5";
109
- readonly "line-height-loose": "1.65";
110
- readonly "line-height-display": "1.1";
111
- readonly "line-height-unset": "unset";
106
+ readonly "line-height-none": "1";
107
+ readonly "line-height-tight": "1.25";
108
+ readonly "line-height-base": "1.5";
109
+ readonly "line-height-loose": "1.65";
110
+ readonly "line-height-display": "1.1";
111
+ readonly "line-height-unset": "unset";
112
112
  };
113
113
  export type LineHeightTokenType = keyof typeof LineHeightTokens;
114
114
  export declare const OpacityTokens: {
115
- readonly "opacity-full": "1";
116
- readonly "opacity-high": "0.7";
117
- readonly "opacity-medium": "0.5";
118
- readonly "opacity-low": "0.2";
119
- readonly "opacity-none": "0";
115
+ readonly "opacity-full": "1";
116
+ readonly "opacity-high": "0.7";
117
+ readonly "opacity-medium": "0.5";
118
+ readonly "opacity-low": "0.2";
119
+ readonly "opacity-none": "0";
120
120
  };
121
121
  export type OpacityTokenType = keyof typeof OpacityTokens;
122
122
  export declare const PositiveTokens: {
123
- readonly "color-positive-0": "oklch(0.96 0.19 155)";
124
- readonly "color-positive-100": "oklch(0.88 0.18 155)";
125
- readonly "color-positive-200": "oklch(0.76 0.17 155)";
126
- readonly "color-positive-400": "oklch(0.60 0.14 155)";
127
- readonly "color-positive-600": "oklch(0.44 0.12 155)";
128
- readonly "color-positive-800": "oklch(0.30 0.10 155)";
129
- readonly "color-positive-900": "oklch(0.22 0.10 155)";
123
+ readonly "color-positive-0": "oklch(0.96 0.19 155)";
124
+ readonly "color-positive-100": "oklch(0.88 0.18 155)";
125
+ readonly "color-positive-200": "oklch(0.76 0.17 155)";
126
+ readonly "color-positive-400": "oklch(0.60 0.14 155)";
127
+ readonly "color-positive-600": "oklch(0.44 0.12 155)";
128
+ readonly "color-positive-800": "oklch(0.30 0.10 155)";
129
+ readonly "color-positive-900": "oklch(0.22 0.10 155)";
130
130
  };
131
131
  export type PositiveTokenType = keyof typeof PositiveTokens;
132
132
  export declare const RadiusTokens: {
133
- readonly "radius-none": "0";
134
- readonly "radius-xs": "2px";
135
- readonly "radius-sm": "4px";
136
- readonly "radius-md": "8px";
137
- readonly "radius-lg": "12px";
138
- readonly "radius-xl": "16px";
139
- readonly "radius-pill": "9999px";
140
- readonly "radius-circle": "50%";
141
- readonly "radius-unset": "unset";
133
+ readonly "radius-none": "0";
134
+ readonly "radius-xs": "2px";
135
+ readonly "radius-sm": "4px";
136
+ readonly "radius-md": "8px";
137
+ readonly "radius-lg": "12px";
138
+ readonly "radius-xl": "16px";
139
+ readonly "radius-pill": "9999px";
140
+ readonly "radius-circle": "50%";
141
+ readonly "radius-unset": "unset";
142
142
  };
143
143
  export type RadiusTokenType = keyof typeof RadiusTokens;
144
144
  export declare const ShadowTokens: {
145
- readonly "shadow-none": "none";
146
- readonly "shadow-xs": "0 1px 2px 0 rgba(0 0 0 / 0.03)";
147
- readonly "shadow-sm": "0 1px 3px 0 rgba(0 0 0 / 0.05), 0 1px 2px -1px rgba(0 0 0 / 0.05)";
148
- readonly "shadow-md": "0 4px 6px -1px rgba(0 0 0 / 0.06), 0 2px 4px -2px rgba(0 0 0 / 0.05)";
149
- readonly "shadow-lg": "0 10px 15px -3px rgba(0 0 0 / 0.07), 0 4px 6px -4px rgba(0 0 0 / 0.06)";
150
- readonly "shadow-xl": "0 20px 25px -5px rgba(0 0 0 / 0.08), 0 8px 10px -6px rgba(0 0 0 / 0.07)";
151
- readonly "shadow-inner": "inset 0 2px 4px 0 rgba(0 0 0 / 0.06)";
152
- readonly "shadow-unset": "unset";
145
+ readonly "shadow-none": "none";
146
+ readonly "shadow-xs": "0 1px 2px 0 rgba(0 0 0 / 0.03)";
147
+ readonly "shadow-sm": "0 1px 3px 0 rgba(0 0 0 / 0.05), 0 1px 2px -1px rgba(0 0 0 / 0.05)";
148
+ readonly "shadow-md": "0 4px 6px -1px rgba(0 0 0 / 0.06), 0 2px 4px -2px rgba(0 0 0 / 0.05)";
149
+ readonly "shadow-lg": "0 10px 15px -3px rgba(0 0 0 / 0.07), 0 4px 6px -4px rgba(0 0 0 / 0.06)";
150
+ readonly "shadow-xl": "0 20px 25px -5px rgba(0 0 0 / 0.08), 0 8px 10px -6px rgba(0 0 0 / 0.07)";
151
+ readonly "shadow-inner": "inset 0 2px 4px 0 rgba(0 0 0 / 0.06)";
152
+ readonly "shadow-unset": "unset";
153
153
  };
154
154
  export type ShadowTokenType = keyof typeof ShadowTokens;
155
155
  export declare const SizeTokens: {
156
- readonly "size-xs": "12px";
157
- readonly "size-sm": "16px";
158
- readonly "size-md": "20px";
159
- readonly "size-lg": "24px";
160
- readonly "size-xl": "32px";
161
- readonly "size-2xl": "36px";
156
+ readonly "size-xs": "12px";
157
+ readonly "size-sm": "16px";
158
+ readonly "size-md": "20px";
159
+ readonly "size-lg": "24px";
160
+ readonly "size-xl": "32px";
161
+ readonly "size-2xl": "36px";
162
162
  };
163
163
  export type SizeTokenType = keyof typeof SizeTokens;
164
164
  export declare const SpacingTokens: {
165
- readonly "spacing-0": "0rem";
166
- readonly "spacing-0-5": "0.125rem";
167
- readonly "spacing-1": "0.25rem";
168
- readonly "spacing-1-5": "0.375rem";
169
- readonly "spacing-2": "0.5rem";
170
- readonly "spacing-2-5": "0.625rem";
171
- readonly "spacing-3": "0.75rem";
172
- readonly "spacing-4": "1rem";
173
- readonly "spacing-5": "1.25rem";
174
- readonly "spacing-6": "1.5rem";
175
- readonly "spacing-8": "2rem";
176
- readonly "spacing-12": "3rem";
177
- readonly "spacing-16": "4rem";
178
- readonly "spacing-auto": "auto";
165
+ readonly "spacing-0": "0rem";
166
+ readonly "spacing-0-5": "0.125rem";
167
+ readonly "spacing-1": "0.25rem";
168
+ readonly "spacing-1-5": "0.375rem";
169
+ readonly "spacing-2": "0.5rem";
170
+ readonly "spacing-2-5": "0.625rem";
171
+ readonly "spacing-3": "0.75rem";
172
+ readonly "spacing-4": "1rem";
173
+ readonly "spacing-5": "1.25rem";
174
+ readonly "spacing-6": "1.5rem";
175
+ readonly "spacing-8": "2rem";
176
+ readonly "spacing-12": "3rem";
177
+ readonly "spacing-16": "4rem";
178
+ readonly "spacing-auto": "auto";
179
179
  };
180
180
  export type SpacingTokenType = keyof typeof SpacingTokens;
181
181
  export declare const WarningTokens: {
182
- readonly "color-warning-100": "oklch(0.97 0.06 85)";
183
- readonly "color-warning-300": "oklch(0.86 0.12 85)";
184
- readonly "color-warning-500": "oklch(0.67 0.20 85)";
185
- readonly "color-warning-700": "oklch(0.46 0.18 85)";
186
- readonly "color-warning-900": "oklch(0.30 0.14 85)";
182
+ readonly "color-warning-100": "oklch(0.97 0.06 85)";
183
+ readonly "color-warning-300": "oklch(0.86 0.12 85)";
184
+ readonly "color-warning-500": "oklch(0.67 0.20 85)";
185
+ readonly "color-warning-700": "oklch(0.46 0.18 85)";
186
+ readonly "color-warning-900": "oklch(0.30 0.14 85)";
187
187
  };
188
188
  export type WarningTokenType = keyof typeof WarningTokens;
189
189
  export declare const ZIndexTokens: {
190
- readonly "z-index-negative": "-1";
191
- readonly "z-index-0": "0";
192
- readonly "z-index-1": "1";
193
- readonly "z-index-2": "2";
194
- readonly "z-index-3": "3";
190
+ readonly "z-index-negative": "-1";
191
+ readonly "z-index-0": "0";
192
+ readonly "z-index-1": "1";
193
+ readonly "z-index-2": "2";
194
+ readonly "z-index-3": "3";
195
195
  };
196
196
  export type ZIndexTokenType = keyof typeof ZIndexTokens;
197
197
  export declare const MotionTokens: {
198
- readonly "motion-instant": "75ms";
199
- readonly "motion-fast": "150ms";
200
- readonly "motion-medium": "300ms";
201
- readonly "motion-slow": "400ms";
198
+ readonly "motion-instant": "75ms";
199
+ readonly "motion-fast": "150ms";
200
+ readonly "motion-medium": "300ms";
201
+ readonly "motion-slow": "400ms";
202
202
  };
203
203
  export type MotionTokenType = keyof typeof MotionTokens;
204
204
  export declare const FocusRingTokens: {
205
- readonly "focus-ring-brand": "var(--color-brand-500)";
206
- readonly "focus-ring-neutral": "var(--color-neutral-400)";
207
- readonly "focus-ring-danger": "var(--color-danger-200)";
205
+ readonly "focus-ring-brand": "var(--color-brand-500)";
206
+ readonly "focus-ring-neutral": "var(--color-neutral-400)";
207
+ readonly "focus-ring-danger": "var(--color-danger-200)";
208
208
  };
209
209
  export type FocusRingTokenType = keyof typeof FocusRingTokens;
package/dist/lib.js CHANGED
@@ -1,212 +1,216 @@
1
1
  // dist/lib.ts
2
2
  var BackdropsTokens = {
3
- "backdrop-none": "none",
4
- "backdrop-weak": "rgba(0 0 0 / 0.35)",
5
- "backdrop-medium": "rgba(0 0 0 / 0.6)",
6
- "backdrop-strong": "rgba(0 0 0 / 0.75)",
7
- "backdrop-stronger": "rgba(0 0 0 / 0.85)"
3
+ "backdrop-none": "none",
4
+ "backdrop-weak": "rgba(0 0 0 / 0.35)",
5
+ "backdrop-medium": "rgba(0 0 0 / 0.6)",
6
+ "backdrop-strong": "rgba(0 0 0 / 0.75)",
7
+ "backdrop-stronger": "rgba(0 0 0 / 0.85)",
8
8
  };
9
9
  var BorderWidthTokens = {
10
- "border-width-none": "0",
11
- "border-width-hairline": "1px",
12
- "border-width-thin": "2px",
13
- "border-width-base": "4px",
14
- "border-width-thick": "6px",
15
- "border-width-heavy": "12px",
16
- "border-width-unset": "unset"
10
+ "border-width-none": "0",
11
+ "border-width-hairline": "1px",
12
+ "border-width-thin": "2px",
13
+ "border-width-base": "4px",
14
+ "border-width-thick": "6px",
15
+ "border-width-heavy": "12px",
16
+ "border-width-unset": "unset",
17
17
  };
18
18
  var BorderStyleTokens = {
19
- "border-style-none": "none",
20
- "border-style-solid": "solid",
21
- "border-style-dashed": "dashed",
22
- "border-style-dotted": "dotted",
23
- "border-style-double": "double"
19
+ "border-style-none": "none",
20
+ "border-style-solid": "solid",
21
+ "border-style-dashed": "dashed",
22
+ "border-style-dotted": "dotted",
23
+ "border-style-double": "double",
24
24
  };
25
25
  var BrandTokens = {
26
- "color-brand-50": "oklch(0.94 0.07 255)",
27
- "color-brand-100": "oklch(0.86 0.10 255)",
28
- "color-brand-200": "oklch(0.78 0.12 255)",
29
- "color-brand-300": "oklch(0.67 0.15 255)",
30
- "color-brand-400": "oklch(0.56 0.18 255)",
31
- "color-brand-500": "oklch(0.46 0.20 255)",
32
- "color-brand-600": "oklch(0.38 0.18 255)",
33
- "color-brand-700": "oklch(0.30 0.17 255)",
34
- "color-brand-800": "oklch(0.24 0.15 255)",
35
- "color-brand-900": "oklch(0.18 0.12 255)"
26
+ "color-brand-50": "oklch(0.94 0.07 255)",
27
+ "color-brand-100": "oklch(0.86 0.10 255)",
28
+ "color-brand-200": "oklch(0.78 0.12 255)",
29
+ "color-brand-300": "oklch(0.67 0.15 255)",
30
+ "color-brand-400": "oklch(0.56 0.18 255)",
31
+ "color-brand-500": "oklch(0.46 0.20 255)",
32
+ "color-brand-600": "oklch(0.38 0.18 255)",
33
+ "color-brand-700": "oklch(0.30 0.17 255)",
34
+ "color-brand-800": "oklch(0.24 0.15 255)",
35
+ "color-brand-900": "oklch(0.18 0.12 255)",
36
36
  };
37
37
  var BreakpointTokens = {
38
- "breakpoint-md": "768px"
38
+ "breakpoint-md": "768px",
39
39
  };
40
40
  var DangerTokens = {
41
- "color-danger-0": "oklch(0.96 0.21 28)",
42
- "color-danger-100": "oklch(0.88 0.20 28)",
43
- "color-danger-200": "oklch(0.76 0.20 28)",
44
- "color-danger-400": "oklch(0.60 0.18 28)",
45
- "color-danger-600": "oklch(0.44 0.15 28)",
46
- "color-danger-800": "oklch(0.30 0.12 28)",
47
- "color-danger-900": "oklch(0.22 0.11 28)"
41
+ "color-danger-0": "oklch(0.96 0.21 28)",
42
+ "color-danger-100": "oklch(0.88 0.20 28)",
43
+ "color-danger-200": "oklch(0.76 0.20 28)",
44
+ "color-danger-400": "oklch(0.60 0.18 28)",
45
+ "color-danger-600": "oklch(0.44 0.15 28)",
46
+ "color-danger-800": "oklch(0.30 0.12 28)",
47
+ "color-danger-900": "oklch(0.22 0.11 28)",
48
48
  };
49
49
  var FontFamilyTokens = {
50
- "font-family-sans": "system-ui, sans-serif",
51
- "font-family-serif": "Georgia, serif",
52
- "font-family-mono": '"SFMono-Regular", monospace'
50
+ "font-family-sans": "system-ui, sans-serif",
51
+ "font-family-serif": "Georgia, serif",
52
+ "font-family-mono": '"SFMono-Regular", monospace',
53
53
  };
54
54
  var FontSizeTokens = {
55
- "font-size-xs": "0.75rem",
56
- "font-size-sm": "0.875rem",
57
- "font-size-base": "1rem",
58
- "font-size-lg": "1.125rem",
59
- "font-size-xl": "1.25rem",
60
- "font-size-2xl": "1.5rem",
61
- "font-size-3xl": "1.875rem",
62
- "font-size-4xl": "2.25rem",
63
- "font-size-5xl": "3rem"
55
+ "font-size-xs": "0.75rem",
56
+ "font-size-sm": "0.875rem",
57
+ "font-size-base": "1rem",
58
+ "font-size-lg": "1.125rem",
59
+ "font-size-xl": "1.25rem",
60
+ "font-size-2xl": "1.5rem",
61
+ "font-size-3xl": "1.875rem",
62
+ "font-size-4xl": "2.25rem",
63
+ "font-size-5xl": "3rem",
64
64
  };
65
65
  var FontWeightTokens = {
66
- "font-weight-light": "300",
67
- "font-weight-regular": "400",
68
- "font-weight-medium": "500",
69
- "font-weight-bold": "700",
70
- "font-weight-black": "900",
71
- "font-weight-unset": "unset"
66
+ "font-weight-light": "300",
67
+ "font-weight-regular": "400",
68
+ "font-weight-medium": "500",
69
+ "font-weight-bold": "700",
70
+ "font-weight-black": "900",
71
+ "font-weight-unset": "unset",
72
72
  };
73
73
  var GrayscaleTokens = {
74
- "color-neutral-0": "oklch(0.98 0.01 275)",
75
- "color-neutral-50": "oklch(0.95 0.01 275)",
76
- "color-neutral-100": "oklch(0.90 0.01 275)",
77
- "color-neutral-200": "oklch(0.82 0.01 275)",
78
- "color-neutral-300": "oklch(0.72 0.01 275)",
79
- "color-neutral-400": "oklch(0.60 0.01 275)",
80
- "color-neutral-500": "oklch(0.49 0.01 275)",
81
- "color-neutral-600": "oklch(0.38 0.01 275)",
82
- "color-neutral-700": "oklch(0.27 0.01 275)",
83
- "color-neutral-800": "oklch(0.22 0.01 275)",
84
- "color-neutral-900": "oklch(0.18 0.01 275)",
85
- "color-neutral-950": "oklch(0.12 0.01 275)"
74
+ "color-neutral-0": "oklch(0.98 0.01 275)",
75
+ "color-neutral-50": "oklch(0.95 0.01 275)",
76
+ "color-neutral-100": "oklch(0.90 0.01 275)",
77
+ "color-neutral-200": "oklch(0.82 0.01 275)",
78
+ "color-neutral-300": "oklch(0.72 0.01 275)",
79
+ "color-neutral-400": "oklch(0.60 0.01 275)",
80
+ "color-neutral-500": "oklch(0.49 0.01 275)",
81
+ "color-neutral-600": "oklch(0.38 0.01 275)",
82
+ "color-neutral-700": "oklch(0.27 0.01 275)",
83
+ "color-neutral-800": "oklch(0.22 0.01 275)",
84
+ "color-neutral-900": "oklch(0.18 0.01 275)",
85
+ "color-neutral-950": "oklch(0.12 0.01 275)",
86
86
  };
87
87
  var LetterSpacingTokens = {
88
- "letter-spacing-tight": "-0.01em",
89
- "letter-spacing-normal": "0em",
90
- "letter-spacing-wide": "0.025em",
91
- "letter-spacing-wider": "0.05em",
92
- "letter-spacing-widest": "0.1em",
93
- "letter-spacing-unset": "unset"
88
+ "letter-spacing-tight": "-0.01em",
89
+ "letter-spacing-normal": "0em",
90
+ "letter-spacing-wide": "0.025em",
91
+ "letter-spacing-wider": "0.05em",
92
+ "letter-spacing-widest": "0.1em",
93
+ "letter-spacing-unset": "unset",
94
94
  };
95
95
  var LineHeightTokens = {
96
- "line-height-none": "1",
97
- "line-height-tight": "1.25",
98
- "line-height-base": "1.5",
99
- "line-height-loose": "1.65",
100
- "line-height-display": "1.1",
101
- "line-height-unset": "unset"
96
+ "line-height-none": "1",
97
+ "line-height-tight": "1.25",
98
+ "line-height-base": "1.5",
99
+ "line-height-loose": "1.65",
100
+ "line-height-display": "1.1",
101
+ "line-height-unset": "unset",
102
102
  };
103
103
  var OpacityTokens = {
104
- "opacity-full": "1",
105
- "opacity-high": "0.7",
106
- "opacity-medium": "0.5",
107
- "opacity-low": "0.2",
108
- "opacity-none": "0"
104
+ "opacity-full": "1",
105
+ "opacity-high": "0.7",
106
+ "opacity-medium": "0.5",
107
+ "opacity-low": "0.2",
108
+ "opacity-none": "0",
109
109
  };
110
110
  var PositiveTokens = {
111
- "color-positive-0": "oklch(0.96 0.19 155)",
112
- "color-positive-100": "oklch(0.88 0.18 155)",
113
- "color-positive-200": "oklch(0.76 0.17 155)",
114
- "color-positive-400": "oklch(0.60 0.14 155)",
115
- "color-positive-600": "oklch(0.44 0.12 155)",
116
- "color-positive-800": "oklch(0.30 0.10 155)",
117
- "color-positive-900": "oklch(0.22 0.10 155)"
111
+ "color-positive-0": "oklch(0.96 0.19 155)",
112
+ "color-positive-100": "oklch(0.88 0.18 155)",
113
+ "color-positive-200": "oklch(0.76 0.17 155)",
114
+ "color-positive-400": "oklch(0.60 0.14 155)",
115
+ "color-positive-600": "oklch(0.44 0.12 155)",
116
+ "color-positive-800": "oklch(0.30 0.10 155)",
117
+ "color-positive-900": "oklch(0.22 0.10 155)",
118
118
  };
119
119
  var RadiusTokens = {
120
- "radius-none": "0",
121
- "radius-xs": "2px",
122
- "radius-sm": "4px",
123
- "radius-md": "8px",
124
- "radius-lg": "12px",
125
- "radius-xl": "16px",
126
- "radius-pill": "9999px",
127
- "radius-circle": "50%",
128
- "radius-unset": "unset"
120
+ "radius-none": "0",
121
+ "radius-xs": "2px",
122
+ "radius-sm": "4px",
123
+ "radius-md": "8px",
124
+ "radius-lg": "12px",
125
+ "radius-xl": "16px",
126
+ "radius-pill": "9999px",
127
+ "radius-circle": "50%",
128
+ "radius-unset": "unset",
129
129
  };
130
130
  var ShadowTokens = {
131
- "shadow-none": "none",
132
- "shadow-xs": "0 1px 2px 0 rgba(0 0 0 / 0.03)",
133
- "shadow-sm": "0 1px 3px 0 rgba(0 0 0 / 0.05), 0 1px 2px -1px rgba(0 0 0 / 0.05)",
134
- "shadow-md": "0 4px 6px -1px rgba(0 0 0 / 0.06), 0 2px 4px -2px rgba(0 0 0 / 0.05)",
135
- "shadow-lg": "0 10px 15px -3px rgba(0 0 0 / 0.07), 0 4px 6px -4px rgba(0 0 0 / 0.06)",
136
- "shadow-xl": "0 20px 25px -5px rgba(0 0 0 / 0.08), 0 8px 10px -6px rgba(0 0 0 / 0.07)",
137
- "shadow-inner": "inset 0 2px 4px 0 rgba(0 0 0 / 0.06)",
138
- "shadow-unset": "unset"
131
+ "shadow-none": "none",
132
+ "shadow-xs": "0 1px 2px 0 rgba(0 0 0 / 0.03)",
133
+ "shadow-sm":
134
+ "0 1px 3px 0 rgba(0 0 0 / 0.05), 0 1px 2px -1px rgba(0 0 0 / 0.05)",
135
+ "shadow-md":
136
+ "0 4px 6px -1px rgba(0 0 0 / 0.06), 0 2px 4px -2px rgba(0 0 0 / 0.05)",
137
+ "shadow-lg":
138
+ "0 10px 15px -3px rgba(0 0 0 / 0.07), 0 4px 6px -4px rgba(0 0 0 / 0.06)",
139
+ "shadow-xl":
140
+ "0 20px 25px -5px rgba(0 0 0 / 0.08), 0 8px 10px -6px rgba(0 0 0 / 0.07)",
141
+ "shadow-inner": "inset 0 2px 4px 0 rgba(0 0 0 / 0.06)",
142
+ "shadow-unset": "unset",
139
143
  };
140
144
  var SizeTokens = {
141
- "size-xs": "12px",
142
- "size-sm": "16px",
143
- "size-md": "20px",
144
- "size-lg": "24px",
145
- "size-xl": "32px",
146
- "size-2xl": "36px"
145
+ "size-xs": "12px",
146
+ "size-sm": "16px",
147
+ "size-md": "20px",
148
+ "size-lg": "24px",
149
+ "size-xl": "32px",
150
+ "size-2xl": "36px",
147
151
  };
148
152
  var SpacingTokens = {
149
- "spacing-0": "0rem",
150
- "spacing-0-5": "0.125rem",
151
- "spacing-1": "0.25rem",
152
- "spacing-1-5": "0.375rem",
153
- "spacing-2": "0.5rem",
154
- "spacing-2-5": "0.625rem",
155
- "spacing-3": "0.75rem",
156
- "spacing-4": "1rem",
157
- "spacing-5": "1.25rem",
158
- "spacing-6": "1.5rem",
159
- "spacing-8": "2rem",
160
- "spacing-12": "3rem",
161
- "spacing-16": "4rem",
162
- "spacing-auto": "auto"
153
+ "spacing-0": "0rem",
154
+ "spacing-0-5": "0.125rem",
155
+ "spacing-1": "0.25rem",
156
+ "spacing-1-5": "0.375rem",
157
+ "spacing-2": "0.5rem",
158
+ "spacing-2-5": "0.625rem",
159
+ "spacing-3": "0.75rem",
160
+ "spacing-4": "1rem",
161
+ "spacing-5": "1.25rem",
162
+ "spacing-6": "1.5rem",
163
+ "spacing-8": "2rem",
164
+ "spacing-12": "3rem",
165
+ "spacing-16": "4rem",
166
+ "spacing-auto": "auto",
163
167
  };
164
168
  var WarningTokens = {
165
- "color-warning-100": "oklch(0.97 0.06 85)",
166
- "color-warning-300": "oklch(0.86 0.12 85)",
167
- "color-warning-500": "oklch(0.67 0.20 85)",
168
- "color-warning-700": "oklch(0.46 0.18 85)",
169
- "color-warning-900": "oklch(0.30 0.14 85)"
169
+ "color-warning-100": "oklch(0.97 0.06 85)",
170
+ "color-warning-300": "oklch(0.86 0.12 85)",
171
+ "color-warning-500": "oklch(0.67 0.20 85)",
172
+ "color-warning-700": "oklch(0.46 0.18 85)",
173
+ "color-warning-900": "oklch(0.30 0.14 85)",
170
174
  };
171
175
  var ZIndexTokens = {
172
- "z-index-negative": "-1",
173
- "z-index-0": "0",
174
- "z-index-1": "1",
175
- "z-index-2": "2",
176
- "z-index-3": "3"
176
+ "z-index-negative": "-1",
177
+ "z-index-0": "0",
178
+ "z-index-1": "1",
179
+ "z-index-2": "2",
180
+ "z-index-3": "3",
177
181
  };
178
182
  var MotionTokens = {
179
- "motion-instant": "75ms",
180
- "motion-fast": "150ms",
181
- "motion-medium": "300ms",
182
- "motion-slow": "400ms"
183
+ "motion-instant": "75ms",
184
+ "motion-fast": "150ms",
185
+ "motion-medium": "300ms",
186
+ "motion-slow": "400ms",
183
187
  };
184
188
  var FocusRingTokens = {
185
- "focus-ring-brand": "var(--color-brand-500)",
186
- "focus-ring-neutral": "var(--color-neutral-400)",
187
- "focus-ring-danger": "var(--color-danger-200)"
189
+ "focus-ring-brand": "var(--color-brand-500)",
190
+ "focus-ring-neutral": "var(--color-neutral-400)",
191
+ "focus-ring-danger": "var(--color-danger-200)",
188
192
  };
189
193
  export {
190
- ZIndexTokens,
191
- WarningTokens,
192
- SpacingTokens,
193
- SizeTokens,
194
- ShadowTokens,
195
- RadiusTokens,
196
- PositiveTokens,
197
- OpacityTokens,
198
- MotionTokens,
199
- LineHeightTokens,
200
- LetterSpacingTokens,
201
- GrayscaleTokens,
202
- FontWeightTokens,
203
- FontSizeTokens,
204
- FontFamilyTokens,
205
- FocusRingTokens,
206
- DangerTokens,
207
- BreakpointTokens,
208
- BrandTokens,
209
- BorderWidthTokens,
210
- BorderStyleTokens,
211
- BackdropsTokens
194
+ ZIndexTokens,
195
+ WarningTokens,
196
+ SpacingTokens,
197
+ SizeTokens,
198
+ ShadowTokens,
199
+ RadiusTokens,
200
+ PositiveTokens,
201
+ OpacityTokens,
202
+ MotionTokens,
203
+ LineHeightTokens,
204
+ LetterSpacingTokens,
205
+ GrayscaleTokens,
206
+ FontWeightTokens,
207
+ FontSizeTokens,
208
+ FontFamilyTokens,
209
+ FocusRingTokens,
210
+ DangerTokens,
211
+ BreakpointTokens,
212
+ BrandTokens,
213
+ BorderWidthTokens,
214
+ BorderStyleTokens,
215
+ BackdropsTokens,
212
216
  };
package/package.json CHANGED
@@ -1,15 +1,15 @@
1
1
  {
2
2
  "name": "@bgord/design",
3
- "version": "1.6.16",
3
+ "type": "module",
4
+ "version": "1.6.18",
4
5
  "license": "MIT",
5
6
  "author": "Bartosz Gordon",
6
7
  "main": "./dist/lib.js",
7
8
  "types": "./dist/index.d.ts",
8
9
  "exports": {
9
10
  ".": {
10
- "import": "./dist/lib.js",
11
- "require": "./dist/lib.js",
12
- "types": "./dist/index.d.ts"
11
+ "types": "./dist/index.d.ts",
12
+ "import": "./dist/lib.js"
13
13
  }
14
14
  },
15
15
  "files": [
@@ -18,22 +18,21 @@
18
18
  "scripts": {
19
19
  "build": "bash scripts/package-build.sh",
20
20
  "postbuild": "bash scripts/prepare-css-files.sh",
21
- "prepublish": "bash scripts/prepare-css-files.sh",
22
- "preinstall": "bunx only-allow bun"
21
+ "prepublish": "bash scripts/prepare-css-files.sh"
23
22
  },
24
23
  "devDependencies": {
25
- "@biomejs/biome": "2.4.16",
24
+ "@biomejs/biome": "2.5.0",
26
25
  "@stryker-mutator/core": "9.6.1",
27
26
  "@stryker-mutator/typescript-checker": "9.6.1",
28
27
  "@types/bun": "1.3.14",
29
- "@typescript/native-preview": "7.0.0-dev.20260606.1",
28
+ "@typescript/native-preview": "7.0.0-dev.20260614.1",
30
29
  "cspell": "10.0.1",
30
+ "fallow": "2.96.0",
31
31
  "gzip-cli": "1.2.0",
32
- "knip": "6.15.0",
33
32
  "lefthook": "2.1.9",
34
33
  "lightningcss-cli": "1.32.0",
35
34
  "lockfile-lint": "5.0.0",
36
- "only-allow": "1.2.2",
35
+ "publint": "0.3.21",
37
36
  "shellcheck": "4.1.0",
38
37
  "typescript": "6.0.3"
39
38
  }
package/readme.md CHANGED
@@ -17,7 +17,7 @@ bun i
17
17
  Run the tests
18
18
 
19
19
  ```
20
- ./bgord-scripts/test-run.sh
20
+ ./bgord-scripts/test.sh
21
21
  ```
22
22
 
23
23
  ## Files: