@abhir9/pd-design-system 0.1.7 → 0.1.9
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.
- package/dist/index.cjs +23 -18
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +269 -1183
- package/dist/index.d.cts +28 -25
- package/dist/index.d.ts +28 -25
- package/dist/index.js +21 -19
- package/dist/index.js.map +1 -1
- package/dist/styles.css +265 -6
- package/package.json +2 -2
package/dist/index.d.cts
CHANGED
|
@@ -8,6 +8,9 @@ declare const ADAPTER_TYPES: readonly ["shadcn", "material"];
|
|
|
8
8
|
type ThemeMode = typeof THEME_MODES[number];
|
|
9
9
|
type ThemeName = typeof THEME_NAMES[number];
|
|
10
10
|
type AdapterType = typeof ADAPTER_TYPES[number];
|
|
11
|
+
declare const DEFAULT_MODE: ThemeMode;
|
|
12
|
+
declare const DEFAULT_THEME: "base";
|
|
13
|
+
declare const DEFAULT_ADAPTER: "shadcn";
|
|
11
14
|
interface DesignSystemConfig {
|
|
12
15
|
adapter: AdapterType;
|
|
13
16
|
theme: ThemeName;
|
|
@@ -132,9 +135,8 @@ declare const contentTokens: {
|
|
|
132
135
|
*/
|
|
133
136
|
declare const backgroundTokens: {
|
|
134
137
|
readonly dark: {
|
|
135
|
-
readonly
|
|
136
|
-
readonly
|
|
137
|
-
readonly primaryOnHover: "#001E66";
|
|
138
|
+
readonly primary: "#09090B";
|
|
139
|
+
readonly system: "#09090B";
|
|
138
140
|
readonly secondary: "#17171C";
|
|
139
141
|
readonly tertiary: "#2F2F37";
|
|
140
142
|
readonly invert: "#FFFFFF";
|
|
@@ -151,11 +153,11 @@ declare const backgroundTokens: {
|
|
|
151
153
|
readonly lowOnHover: "#2F2F37";
|
|
152
154
|
readonly info: "#00123D";
|
|
153
155
|
readonly infoOnHover: "#001E66";
|
|
156
|
+
readonly base: "#09090B";
|
|
154
157
|
};
|
|
155
158
|
readonly light: {
|
|
156
|
-
readonly
|
|
157
|
-
readonly
|
|
158
|
-
readonly primaryOnHover: "#99B7FF";
|
|
159
|
+
readonly primary: "#FFFFFF";
|
|
160
|
+
readonly system: "#FAFAFA";
|
|
159
161
|
readonly secondary: "#EDEDED";
|
|
160
162
|
readonly tertiary: "#DFDFE2";
|
|
161
163
|
readonly invert: "#09090B";
|
|
@@ -172,6 +174,7 @@ declare const backgroundTokens: {
|
|
|
172
174
|
readonly lowOnHover: "#DFDFE2";
|
|
173
175
|
readonly info: "#EBF1FF";
|
|
174
176
|
readonly infoOnHover: "#99B7FF";
|
|
177
|
+
readonly base: "#FFFFFF";
|
|
175
178
|
};
|
|
176
179
|
};
|
|
177
180
|
declare const semanticTokens: {
|
|
@@ -273,9 +276,8 @@ declare const semanticTokens: {
|
|
|
273
276
|
};
|
|
274
277
|
readonly background: {
|
|
275
278
|
readonly dark: {
|
|
276
|
-
readonly
|
|
277
|
-
readonly
|
|
278
|
-
readonly primaryOnHover: "#001E66";
|
|
279
|
+
readonly primary: "#09090B";
|
|
280
|
+
readonly system: "#09090B";
|
|
279
281
|
readonly secondary: "#17171C";
|
|
280
282
|
readonly tertiary: "#2F2F37";
|
|
281
283
|
readonly invert: "#FFFFFF";
|
|
@@ -292,11 +294,11 @@ declare const semanticTokens: {
|
|
|
292
294
|
readonly lowOnHover: "#2F2F37";
|
|
293
295
|
readonly info: "#00123D";
|
|
294
296
|
readonly infoOnHover: "#001E66";
|
|
297
|
+
readonly base: "#09090B";
|
|
295
298
|
};
|
|
296
299
|
readonly light: {
|
|
297
|
-
readonly
|
|
298
|
-
readonly
|
|
299
|
-
readonly primaryOnHover: "#99B7FF";
|
|
300
|
+
readonly primary: "#FFFFFF";
|
|
301
|
+
readonly system: "#FAFAFA";
|
|
300
302
|
readonly secondary: "#EDEDED";
|
|
301
303
|
readonly tertiary: "#DFDFE2";
|
|
302
304
|
readonly invert: "#09090B";
|
|
@@ -313,6 +315,7 @@ declare const semanticTokens: {
|
|
|
313
315
|
readonly lowOnHover: "#DFDFE2";
|
|
314
316
|
readonly info: "#EBF1FF";
|
|
315
317
|
readonly infoOnHover: "#99B7FF";
|
|
318
|
+
readonly base: "#FFFFFF";
|
|
316
319
|
};
|
|
317
320
|
};
|
|
318
321
|
};
|
|
@@ -1033,9 +1036,8 @@ declare const tokens: {
|
|
|
1033
1036
|
};
|
|
1034
1037
|
readonly background: {
|
|
1035
1038
|
readonly dark: {
|
|
1036
|
-
readonly
|
|
1037
|
-
readonly
|
|
1038
|
-
readonly primaryOnHover: "#001E66";
|
|
1039
|
+
readonly primary: "#09090B";
|
|
1040
|
+
readonly system: "#09090B";
|
|
1039
1041
|
readonly secondary: "#17171C";
|
|
1040
1042
|
readonly tertiary: "#2F2F37";
|
|
1041
1043
|
readonly invert: "#FFFFFF";
|
|
@@ -1052,11 +1054,11 @@ declare const tokens: {
|
|
|
1052
1054
|
readonly lowOnHover: "#2F2F37";
|
|
1053
1055
|
readonly info: "#00123D";
|
|
1054
1056
|
readonly infoOnHover: "#001E66";
|
|
1057
|
+
readonly base: "#09090B";
|
|
1055
1058
|
};
|
|
1056
1059
|
readonly light: {
|
|
1057
|
-
readonly
|
|
1058
|
-
readonly
|
|
1059
|
-
readonly primaryOnHover: "#99B7FF";
|
|
1060
|
+
readonly primary: "#FFFFFF";
|
|
1061
|
+
readonly system: "#FAFAFA";
|
|
1060
1062
|
readonly secondary: "#EDEDED";
|
|
1061
1063
|
readonly tertiary: "#DFDFE2";
|
|
1062
1064
|
readonly invert: "#09090B";
|
|
@@ -1073,6 +1075,7 @@ declare const tokens: {
|
|
|
1073
1075
|
readonly lowOnHover: "#DFDFE2";
|
|
1074
1076
|
readonly info: "#EBF1FF";
|
|
1075
1077
|
readonly infoOnHover: "#99B7FF";
|
|
1078
|
+
readonly base: "#FFFFFF";
|
|
1076
1079
|
};
|
|
1077
1080
|
};
|
|
1078
1081
|
readonly all: {
|
|
@@ -1174,9 +1177,8 @@ declare const tokens: {
|
|
|
1174
1177
|
};
|
|
1175
1178
|
readonly background: {
|
|
1176
1179
|
readonly dark: {
|
|
1177
|
-
readonly
|
|
1178
|
-
readonly
|
|
1179
|
-
readonly primaryOnHover: "#001E66";
|
|
1180
|
+
readonly primary: "#09090B";
|
|
1181
|
+
readonly system: "#09090B";
|
|
1180
1182
|
readonly secondary: "#17171C";
|
|
1181
1183
|
readonly tertiary: "#2F2F37";
|
|
1182
1184
|
readonly invert: "#FFFFFF";
|
|
@@ -1193,11 +1195,11 @@ declare const tokens: {
|
|
|
1193
1195
|
readonly lowOnHover: "#2F2F37";
|
|
1194
1196
|
readonly info: "#00123D";
|
|
1195
1197
|
readonly infoOnHover: "#001E66";
|
|
1198
|
+
readonly base: "#09090B";
|
|
1196
1199
|
};
|
|
1197
1200
|
readonly light: {
|
|
1198
|
-
readonly
|
|
1199
|
-
readonly
|
|
1200
|
-
readonly primaryOnHover: "#99B7FF";
|
|
1201
|
+
readonly primary: "#FFFFFF";
|
|
1202
|
+
readonly system: "#FAFAFA";
|
|
1201
1203
|
readonly secondary: "#EDEDED";
|
|
1202
1204
|
readonly tertiary: "#DFDFE2";
|
|
1203
1205
|
readonly invert: "#09090B";
|
|
@@ -1214,6 +1216,7 @@ declare const tokens: {
|
|
|
1214
1216
|
readonly lowOnHover: "#DFDFE2";
|
|
1215
1217
|
readonly info: "#EBF1FF";
|
|
1216
1218
|
readonly infoOnHover: "#99B7FF";
|
|
1219
|
+
readonly base: "#FFFFFF";
|
|
1217
1220
|
};
|
|
1218
1221
|
};
|
|
1219
1222
|
};
|
|
@@ -1474,4 +1477,4 @@ declare function validateAccessibilityProps(props: AccessibilityProps, component
|
|
|
1474
1477
|
iconOnly?: boolean;
|
|
1475
1478
|
}): void;
|
|
1476
1479
|
|
|
1477
|
-
export { ADAPTER_TYPES, type AccessibilityProps, type AdapterType, BUTTON_TYPES, type BackgroundToken, type BorderToken, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonType, COLOR_SCALES, type ColorName, type ColorPrimitives, type ColorScale, type Colors, type ContentToken, type DesignSystemConfig, INPUT_TYPES, INTENTS, type InputType, type Intent, type LucideIconName, ORIENTATIONS, type Orientation, type Radius, SIZES, SURFACE_LEVELS, type SemanticToken, type SemanticTokens, type Shadows, type Size, type Spacing, type SurfaceLevel, THEME_MODES, THEME_NAMES, type Theme, type ThemeMode, type ThemeName, ThemeProvider, type ThemeProviderProps, type Tokens, type Typography, VARIANTS, type Variant, type ZIndex, backgroundTokens, blue, borderTokens, colorPrimitives, colors, contentTokens, createSemanticTokens, createTheme, getAdapter, getAvailableIconNames, getDesignSystemConfig, getIcon, getThemeMode, getThemeName, green, iconExists, neutral, orange, radius, red, renderIcon, semanticTokens, setDesignSystemConfig, shadows, spacing, tokens, typography, useTheme, validateAccessibilityProps, yellow, zIndex };
|
|
1480
|
+
export { ADAPTER_TYPES, type AccessibilityProps, type AdapterType, BUTTON_TYPES, type BackgroundToken, type BorderToken, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonType, COLOR_SCALES, type ColorName, type ColorPrimitives, type ColorScale, type Colors, type ContentToken, DEFAULT_ADAPTER, DEFAULT_MODE, DEFAULT_THEME, type DesignSystemConfig, INPUT_TYPES, INTENTS, type InputType, type Intent, type LucideIconName, ORIENTATIONS, type Orientation, type Radius, SIZES, SURFACE_LEVELS, type SemanticToken, type SemanticTokens, type Shadows, type Size, type Spacing, type SurfaceLevel, THEME_MODES, THEME_NAMES, type Theme, type ThemeMode, type ThemeName, ThemeProvider, type ThemeProviderProps, type Tokens, type Typography, VARIANTS, type Variant, type ZIndex, backgroundTokens, blue, borderTokens, colorPrimitives, colors, contentTokens, createSemanticTokens, createTheme, getAdapter, getAvailableIconNames, getDesignSystemConfig, getIcon, getThemeMode, getThemeName, green, iconExists, neutral, orange, radius, red, renderIcon, semanticTokens, setDesignSystemConfig, shadows, spacing, tokens, typography, useTheme, validateAccessibilityProps, yellow, zIndex };
|
package/dist/index.d.ts
CHANGED
|
@@ -8,6 +8,9 @@ declare const ADAPTER_TYPES: readonly ["shadcn", "material"];
|
|
|
8
8
|
type ThemeMode = typeof THEME_MODES[number];
|
|
9
9
|
type ThemeName = typeof THEME_NAMES[number];
|
|
10
10
|
type AdapterType = typeof ADAPTER_TYPES[number];
|
|
11
|
+
declare const DEFAULT_MODE: ThemeMode;
|
|
12
|
+
declare const DEFAULT_THEME: "base";
|
|
13
|
+
declare const DEFAULT_ADAPTER: "shadcn";
|
|
11
14
|
interface DesignSystemConfig {
|
|
12
15
|
adapter: AdapterType;
|
|
13
16
|
theme: ThemeName;
|
|
@@ -132,9 +135,8 @@ declare const contentTokens: {
|
|
|
132
135
|
*/
|
|
133
136
|
declare const backgroundTokens: {
|
|
134
137
|
readonly dark: {
|
|
135
|
-
readonly
|
|
136
|
-
readonly
|
|
137
|
-
readonly primaryOnHover: "#001E66";
|
|
138
|
+
readonly primary: "#09090B";
|
|
139
|
+
readonly system: "#09090B";
|
|
138
140
|
readonly secondary: "#17171C";
|
|
139
141
|
readonly tertiary: "#2F2F37";
|
|
140
142
|
readonly invert: "#FFFFFF";
|
|
@@ -151,11 +153,11 @@ declare const backgroundTokens: {
|
|
|
151
153
|
readonly lowOnHover: "#2F2F37";
|
|
152
154
|
readonly info: "#00123D";
|
|
153
155
|
readonly infoOnHover: "#001E66";
|
|
156
|
+
readonly base: "#09090B";
|
|
154
157
|
};
|
|
155
158
|
readonly light: {
|
|
156
|
-
readonly
|
|
157
|
-
readonly
|
|
158
|
-
readonly primaryOnHover: "#99B7FF";
|
|
159
|
+
readonly primary: "#FFFFFF";
|
|
160
|
+
readonly system: "#FAFAFA";
|
|
159
161
|
readonly secondary: "#EDEDED";
|
|
160
162
|
readonly tertiary: "#DFDFE2";
|
|
161
163
|
readonly invert: "#09090B";
|
|
@@ -172,6 +174,7 @@ declare const backgroundTokens: {
|
|
|
172
174
|
readonly lowOnHover: "#DFDFE2";
|
|
173
175
|
readonly info: "#EBF1FF";
|
|
174
176
|
readonly infoOnHover: "#99B7FF";
|
|
177
|
+
readonly base: "#FFFFFF";
|
|
175
178
|
};
|
|
176
179
|
};
|
|
177
180
|
declare const semanticTokens: {
|
|
@@ -273,9 +276,8 @@ declare const semanticTokens: {
|
|
|
273
276
|
};
|
|
274
277
|
readonly background: {
|
|
275
278
|
readonly dark: {
|
|
276
|
-
readonly
|
|
277
|
-
readonly
|
|
278
|
-
readonly primaryOnHover: "#001E66";
|
|
279
|
+
readonly primary: "#09090B";
|
|
280
|
+
readonly system: "#09090B";
|
|
279
281
|
readonly secondary: "#17171C";
|
|
280
282
|
readonly tertiary: "#2F2F37";
|
|
281
283
|
readonly invert: "#FFFFFF";
|
|
@@ -292,11 +294,11 @@ declare const semanticTokens: {
|
|
|
292
294
|
readonly lowOnHover: "#2F2F37";
|
|
293
295
|
readonly info: "#00123D";
|
|
294
296
|
readonly infoOnHover: "#001E66";
|
|
297
|
+
readonly base: "#09090B";
|
|
295
298
|
};
|
|
296
299
|
readonly light: {
|
|
297
|
-
readonly
|
|
298
|
-
readonly
|
|
299
|
-
readonly primaryOnHover: "#99B7FF";
|
|
300
|
+
readonly primary: "#FFFFFF";
|
|
301
|
+
readonly system: "#FAFAFA";
|
|
300
302
|
readonly secondary: "#EDEDED";
|
|
301
303
|
readonly tertiary: "#DFDFE2";
|
|
302
304
|
readonly invert: "#09090B";
|
|
@@ -313,6 +315,7 @@ declare const semanticTokens: {
|
|
|
313
315
|
readonly lowOnHover: "#DFDFE2";
|
|
314
316
|
readonly info: "#EBF1FF";
|
|
315
317
|
readonly infoOnHover: "#99B7FF";
|
|
318
|
+
readonly base: "#FFFFFF";
|
|
316
319
|
};
|
|
317
320
|
};
|
|
318
321
|
};
|
|
@@ -1033,9 +1036,8 @@ declare const tokens: {
|
|
|
1033
1036
|
};
|
|
1034
1037
|
readonly background: {
|
|
1035
1038
|
readonly dark: {
|
|
1036
|
-
readonly
|
|
1037
|
-
readonly
|
|
1038
|
-
readonly primaryOnHover: "#001E66";
|
|
1039
|
+
readonly primary: "#09090B";
|
|
1040
|
+
readonly system: "#09090B";
|
|
1039
1041
|
readonly secondary: "#17171C";
|
|
1040
1042
|
readonly tertiary: "#2F2F37";
|
|
1041
1043
|
readonly invert: "#FFFFFF";
|
|
@@ -1052,11 +1054,11 @@ declare const tokens: {
|
|
|
1052
1054
|
readonly lowOnHover: "#2F2F37";
|
|
1053
1055
|
readonly info: "#00123D";
|
|
1054
1056
|
readonly infoOnHover: "#001E66";
|
|
1057
|
+
readonly base: "#09090B";
|
|
1055
1058
|
};
|
|
1056
1059
|
readonly light: {
|
|
1057
|
-
readonly
|
|
1058
|
-
readonly
|
|
1059
|
-
readonly primaryOnHover: "#99B7FF";
|
|
1060
|
+
readonly primary: "#FFFFFF";
|
|
1061
|
+
readonly system: "#FAFAFA";
|
|
1060
1062
|
readonly secondary: "#EDEDED";
|
|
1061
1063
|
readonly tertiary: "#DFDFE2";
|
|
1062
1064
|
readonly invert: "#09090B";
|
|
@@ -1073,6 +1075,7 @@ declare const tokens: {
|
|
|
1073
1075
|
readonly lowOnHover: "#DFDFE2";
|
|
1074
1076
|
readonly info: "#EBF1FF";
|
|
1075
1077
|
readonly infoOnHover: "#99B7FF";
|
|
1078
|
+
readonly base: "#FFFFFF";
|
|
1076
1079
|
};
|
|
1077
1080
|
};
|
|
1078
1081
|
readonly all: {
|
|
@@ -1174,9 +1177,8 @@ declare const tokens: {
|
|
|
1174
1177
|
};
|
|
1175
1178
|
readonly background: {
|
|
1176
1179
|
readonly dark: {
|
|
1177
|
-
readonly
|
|
1178
|
-
readonly
|
|
1179
|
-
readonly primaryOnHover: "#001E66";
|
|
1180
|
+
readonly primary: "#09090B";
|
|
1181
|
+
readonly system: "#09090B";
|
|
1180
1182
|
readonly secondary: "#17171C";
|
|
1181
1183
|
readonly tertiary: "#2F2F37";
|
|
1182
1184
|
readonly invert: "#FFFFFF";
|
|
@@ -1193,11 +1195,11 @@ declare const tokens: {
|
|
|
1193
1195
|
readonly lowOnHover: "#2F2F37";
|
|
1194
1196
|
readonly info: "#00123D";
|
|
1195
1197
|
readonly infoOnHover: "#001E66";
|
|
1198
|
+
readonly base: "#09090B";
|
|
1196
1199
|
};
|
|
1197
1200
|
readonly light: {
|
|
1198
|
-
readonly
|
|
1199
|
-
readonly
|
|
1200
|
-
readonly primaryOnHover: "#99B7FF";
|
|
1201
|
+
readonly primary: "#FFFFFF";
|
|
1202
|
+
readonly system: "#FAFAFA";
|
|
1201
1203
|
readonly secondary: "#EDEDED";
|
|
1202
1204
|
readonly tertiary: "#DFDFE2";
|
|
1203
1205
|
readonly invert: "#09090B";
|
|
@@ -1214,6 +1216,7 @@ declare const tokens: {
|
|
|
1214
1216
|
readonly lowOnHover: "#DFDFE2";
|
|
1215
1217
|
readonly info: "#EBF1FF";
|
|
1216
1218
|
readonly infoOnHover: "#99B7FF";
|
|
1219
|
+
readonly base: "#FFFFFF";
|
|
1217
1220
|
};
|
|
1218
1221
|
};
|
|
1219
1222
|
};
|
|
@@ -1474,4 +1477,4 @@ declare function validateAccessibilityProps(props: AccessibilityProps, component
|
|
|
1474
1477
|
iconOnly?: boolean;
|
|
1475
1478
|
}): void;
|
|
1476
1479
|
|
|
1477
|
-
export { ADAPTER_TYPES, type AccessibilityProps, type AdapterType, BUTTON_TYPES, type BackgroundToken, type BorderToken, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonType, COLOR_SCALES, type ColorName, type ColorPrimitives, type ColorScale, type Colors, type ContentToken, type DesignSystemConfig, INPUT_TYPES, INTENTS, type InputType, type Intent, type LucideIconName, ORIENTATIONS, type Orientation, type Radius, SIZES, SURFACE_LEVELS, type SemanticToken, type SemanticTokens, type Shadows, type Size, type Spacing, type SurfaceLevel, THEME_MODES, THEME_NAMES, type Theme, type ThemeMode, type ThemeName, ThemeProvider, type ThemeProviderProps, type Tokens, type Typography, VARIANTS, type Variant, type ZIndex, backgroundTokens, blue, borderTokens, colorPrimitives, colors, contentTokens, createSemanticTokens, createTheme, getAdapter, getAvailableIconNames, getDesignSystemConfig, getIcon, getThemeMode, getThemeName, green, iconExists, neutral, orange, radius, red, renderIcon, semanticTokens, setDesignSystemConfig, shadows, spacing, tokens, typography, useTheme, validateAccessibilityProps, yellow, zIndex };
|
|
1480
|
+
export { ADAPTER_TYPES, type AccessibilityProps, type AdapterType, BUTTON_TYPES, type BackgroundToken, type BorderToken, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonType, COLOR_SCALES, type ColorName, type ColorPrimitives, type ColorScale, type Colors, type ContentToken, DEFAULT_ADAPTER, DEFAULT_MODE, DEFAULT_THEME, type DesignSystemConfig, INPUT_TYPES, INTENTS, type InputType, type Intent, type LucideIconName, ORIENTATIONS, type Orientation, type Radius, SIZES, SURFACE_LEVELS, type SemanticToken, type SemanticTokens, type Shadows, type Size, type Spacing, type SurfaceLevel, THEME_MODES, THEME_NAMES, type Theme, type ThemeMode, type ThemeName, ThemeProvider, type ThemeProviderProps, type Tokens, type Typography, VARIANTS, type Variant, type ZIndex, backgroundTokens, blue, borderTokens, colorPrimitives, colors, contentTokens, createSemanticTokens, createTheme, getAdapter, getAvailableIconNames, getDesignSystemConfig, getIcon, getThemeMode, getThemeName, green, iconExists, neutral, orange, radius, red, renderIcon, semanticTokens, setDesignSystemConfig, shadows, spacing, tokens, typography, useTheme, validateAccessibilityProps, yellow, zIndex };
|
package/dist/index.js
CHANGED
|
@@ -10,11 +10,11 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
|
10
10
|
var THEME_MODES = ["light", "dark"];
|
|
11
11
|
var THEME_NAMES = ["base", "brand"];
|
|
12
12
|
var ADAPTER_TYPES = ["shadcn", "material"];
|
|
13
|
+
var DEFAULT_MODE = "light";
|
|
14
|
+
var [DEFAULT_THEME] = THEME_NAMES;
|
|
15
|
+
var [DEFAULT_ADAPTER] = ADAPTER_TYPES;
|
|
13
16
|
|
|
14
17
|
// src/theme/config.ts
|
|
15
|
-
var [DEFAULT_ADAPTER] = ADAPTER_TYPES;
|
|
16
|
-
var [DEFAULT_THEME] = THEME_NAMES;
|
|
17
|
-
var [DEFAULT_MODE] = THEME_MODES;
|
|
18
18
|
var globalConfig = {
|
|
19
19
|
adapter: DEFAULT_ADAPTER,
|
|
20
20
|
theme: DEFAULT_THEME,
|
|
@@ -858,9 +858,8 @@ var contentTokens = {
|
|
|
858
858
|
};
|
|
859
859
|
var backgroundTokens = {
|
|
860
860
|
dark: {
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
primaryOnHover: blue[900],
|
|
861
|
+
primary: neutral[950],
|
|
862
|
+
system: neutral[950],
|
|
864
863
|
secondary: neutral[900],
|
|
865
864
|
tertiary: neutral[800],
|
|
866
865
|
invert: neutral[100],
|
|
@@ -876,12 +875,12 @@ var backgroundTokens = {
|
|
|
876
875
|
low: neutral[900],
|
|
877
876
|
lowOnHover: neutral[800],
|
|
878
877
|
info: blue[950],
|
|
879
|
-
infoOnHover: blue[900]
|
|
878
|
+
infoOnHover: blue[900],
|
|
879
|
+
base: neutral[950]
|
|
880
880
|
},
|
|
881
881
|
light: {
|
|
882
|
-
|
|
883
|
-
|
|
884
|
-
primaryOnHover: blue[300],
|
|
882
|
+
primary: neutral[100],
|
|
883
|
+
system: neutral[1e3],
|
|
885
884
|
secondary: neutral[200],
|
|
886
885
|
tertiary: neutral[300],
|
|
887
886
|
invert: neutral[950],
|
|
@@ -897,7 +896,8 @@ var backgroundTokens = {
|
|
|
897
896
|
low: neutral[200],
|
|
898
897
|
lowOnHover: neutral[300],
|
|
899
898
|
info: blue[100],
|
|
900
|
-
infoOnHover: blue[300]
|
|
899
|
+
infoOnHover: blue[300],
|
|
900
|
+
base: neutral[100]
|
|
901
901
|
}
|
|
902
902
|
};
|
|
903
903
|
var semanticTokens = {
|
|
@@ -977,7 +977,7 @@ function createSemanticTokens(mode) {
|
|
|
977
977
|
},
|
|
978
978
|
surface: {
|
|
979
979
|
base: {
|
|
980
|
-
background: background.
|
|
980
|
+
background: background.primary,
|
|
981
981
|
border: border.primary
|
|
982
982
|
},
|
|
983
983
|
elevated: {
|
|
@@ -1157,7 +1157,12 @@ function createTheme(name, mode) {
|
|
|
1157
1157
|
return acc;
|
|
1158
1158
|
}, {}),
|
|
1159
1159
|
// Background tokens - convert camelCase keys to kebab-case
|
|
1160
|
+
// Note: Now background.primary = base background (matches reference structure)
|
|
1161
|
+
// The blue/info background is available as background.info
|
|
1160
1162
|
...Object.entries(background).reduce((acc, [key, value]) => {
|
|
1163
|
+
if (key === "base") {
|
|
1164
|
+
return acc;
|
|
1165
|
+
}
|
|
1161
1166
|
acc[`--background-${toKebabCase(key)}`] = value;
|
|
1162
1167
|
return acc;
|
|
1163
1168
|
}, {})
|
|
@@ -1168,15 +1173,12 @@ function createTheme(name, mode) {
|
|
|
1168
1173
|
cssVariables
|
|
1169
1174
|
};
|
|
1170
1175
|
}
|
|
1171
|
-
var [DEFAULT_ADAPTER2] = ADAPTER_TYPES;
|
|
1172
|
-
var [DEFAULT_THEME2] = THEME_NAMES;
|
|
1173
|
-
var [DEFAULT_MODE2] = THEME_MODES;
|
|
1174
1176
|
var ThemeContext = createContext(null);
|
|
1175
1177
|
function ThemeProvider({
|
|
1176
1178
|
children,
|
|
1177
|
-
adapter =
|
|
1178
|
-
theme: themeName =
|
|
1179
|
-
mode =
|
|
1179
|
+
adapter = DEFAULT_ADAPTER,
|
|
1180
|
+
theme: themeName = DEFAULT_THEME,
|
|
1181
|
+
mode = DEFAULT_MODE
|
|
1180
1182
|
}) {
|
|
1181
1183
|
const theme = useMemo(() => createTheme(themeName, mode), [themeName, mode]);
|
|
1182
1184
|
useEffect(() => {
|
|
@@ -1280,6 +1282,6 @@ function validateAccessibilityProps(props, componentType, options = {}) {
|
|
|
1280
1282
|
warnings.forEach((warning) => console.warn(warning));
|
|
1281
1283
|
}
|
|
1282
1284
|
|
|
1283
|
-
export { ADAPTER_TYPES, BUTTON_TYPES, Button, ButtonGroup, COLOR_SCALES, INPUT_TYPES, INTENTS, ORIENTATIONS, SIZES, SURFACE_LEVELS, THEME_MODES, THEME_NAMES, ThemeProvider, VARIANTS, backgroundTokens, blue, borderTokens, colorPrimitives, colors, contentTokens, createSemanticTokens, createTheme, getAdapter, getAvailableIconNames, getDesignSystemConfig, getIcon, getThemeMode, getThemeName, green, iconExists, neutral, orange, radius, red, renderIcon, semanticTokens, setDesignSystemConfig, shadows, spacing, tokens, typography, useTheme, validateAccessibilityProps, yellow, zIndex };
|
|
1285
|
+
export { ADAPTER_TYPES, BUTTON_TYPES, Button, ButtonGroup, COLOR_SCALES, DEFAULT_ADAPTER, DEFAULT_MODE, DEFAULT_THEME, INPUT_TYPES, INTENTS, ORIENTATIONS, SIZES, SURFACE_LEVELS, THEME_MODES, THEME_NAMES, ThemeProvider, VARIANTS, backgroundTokens, blue, borderTokens, colorPrimitives, colors, contentTokens, createSemanticTokens, createTheme, getAdapter, getAvailableIconNames, getDesignSystemConfig, getIcon, getThemeMode, getThemeName, green, iconExists, neutral, orange, radius, red, renderIcon, semanticTokens, setDesignSystemConfig, shadows, spacing, tokens, typography, useTheme, validateAccessibilityProps, yellow, zIndex };
|
|
1284
1286
|
//# sourceMappingURL=index.js.map
|
|
1285
1287
|
//# sourceMappingURL=index.js.map
|