@rainersoft/design-tokens 2.5.0 → 2.6.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.
- package/dist/index.d.mts +154 -4
- package/dist/index.d.ts +159 -4
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -2
- package/dist/index.mjs.map +1 -1
- package/formats/tokens.json +2 -2
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
var $schema$7 = "https://json.schemastore.org/theme.json";
|
|
2
|
+
var $description$7 = "Light theme color palette - Modern and professional design with WCAG AA compliance";
|
|
1
3
|
var colors$1 = {
|
|
2
4
|
primary: {
|
|
3
5
|
base: "#0891b2",
|
|
@@ -275,9 +277,13 @@ var colors$1 = {
|
|
|
275
277
|
}
|
|
276
278
|
};
|
|
277
279
|
var lightColors = {
|
|
280
|
+
$schema: $schema$7,
|
|
281
|
+
$description: $description$7,
|
|
278
282
|
colors: colors$1
|
|
279
283
|
};
|
|
280
284
|
|
|
285
|
+
var $schema$6 = "https://json.schemastore.org/theme.json";
|
|
286
|
+
var $description$6 = "Dark theme color palette - Cyberpunk neon style with WCAG AA compliance";
|
|
281
287
|
var colors = {
|
|
282
288
|
primary: {
|
|
283
289
|
base: "#00e6ff",
|
|
@@ -571,9 +577,13 @@ var colors = {
|
|
|
571
577
|
}
|
|
572
578
|
};
|
|
573
579
|
var darkColors = {
|
|
580
|
+
$schema: $schema$6,
|
|
581
|
+
$description: $description$6,
|
|
574
582
|
colors: colors
|
|
575
583
|
};
|
|
576
584
|
|
|
585
|
+
var $schema$5 = "https://json.schemastore.org/theme.json";
|
|
586
|
+
var $description$5 = "Typography tokens - Complete typographic scale with semantic hierarchy (H1-H6, subtitles, body, captions)";
|
|
577
587
|
var typography = {
|
|
578
588
|
fontFamily: {
|
|
579
589
|
sans: "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
|
|
@@ -835,9 +845,13 @@ var typography = {
|
|
|
835
845
|
}
|
|
836
846
|
};
|
|
837
847
|
var typography$1 = {
|
|
848
|
+
$schema: $schema$5,
|
|
849
|
+
$description: $description$5,
|
|
838
850
|
typography: typography
|
|
839
851
|
};
|
|
840
852
|
|
|
853
|
+
var $schema$4 = "https://json.schemastore.org/theme.json";
|
|
854
|
+
var $description$4 = "Spacing tokens - Consistent spacing scale based on 8pt grid";
|
|
841
855
|
var spacing$1 = {
|
|
842
856
|
"0": "0px",
|
|
843
857
|
"1": "0.25rem",
|
|
@@ -876,9 +890,13 @@ var spacing$1 = {
|
|
|
876
890
|
"3.5": "0.875rem"
|
|
877
891
|
};
|
|
878
892
|
var spacing$2 = {
|
|
893
|
+
$schema: $schema$4,
|
|
894
|
+
$description: $description$4,
|
|
879
895
|
spacing: spacing$1
|
|
880
896
|
};
|
|
881
897
|
|
|
898
|
+
var $schema$3 = "https://json.schemastore.org/theme.json";
|
|
899
|
+
var $description$3 = "Border radius tokens - Consistent corner rounding";
|
|
882
900
|
var radius$1 = {
|
|
883
901
|
none: "0px",
|
|
884
902
|
sm: "0.125rem",
|
|
@@ -891,9 +909,13 @@ var radius$1 = {
|
|
|
891
909
|
full: "9999px"
|
|
892
910
|
};
|
|
893
911
|
var radius$2 = {
|
|
912
|
+
$schema: $schema$3,
|
|
913
|
+
$description: $description$3,
|
|
894
914
|
radius: radius$1
|
|
895
915
|
};
|
|
896
916
|
|
|
917
|
+
var $schema$2 = "https://json.schemastore.org/theme.json";
|
|
918
|
+
var $description$2 = "Shadow tokens - Elevation and depth";
|
|
897
919
|
var shadows = {
|
|
898
920
|
light: {
|
|
899
921
|
xs: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
|
|
@@ -923,6 +945,8 @@ var shadows = {
|
|
|
923
945
|
}
|
|
924
946
|
};
|
|
925
947
|
var shadows$1 = {
|
|
948
|
+
$schema: $schema$2,
|
|
949
|
+
$description: $description$2,
|
|
926
950
|
shadows: shadows
|
|
927
951
|
};
|
|
928
952
|
|
|
@@ -1102,6 +1126,8 @@ var motion$1 = {
|
|
|
1102
1126
|
motion: motion
|
|
1103
1127
|
};
|
|
1104
1128
|
|
|
1129
|
+
var $schema$1 = "https://json.schemastore.org/theme.json";
|
|
1130
|
+
var $description$1 = "Responsive breakpoints - Mobile-first approach";
|
|
1105
1131
|
var breakpoints = {
|
|
1106
1132
|
xs: "0px",
|
|
1107
1133
|
sm: "640px",
|
|
@@ -1111,9 +1137,33 @@ var breakpoints = {
|
|
|
1111
1137
|
"2xl": "1536px",
|
|
1112
1138
|
"3xl": "1920px"
|
|
1113
1139
|
};
|
|
1140
|
+
var container = {
|
|
1141
|
+
sm: "640px",
|
|
1142
|
+
md: "768px",
|
|
1143
|
+
lg: "1024px",
|
|
1144
|
+
xl: "1280px",
|
|
1145
|
+
"2xl": "1536px",
|
|
1146
|
+
"3xl": "1920px"
|
|
1147
|
+
};
|
|
1148
|
+
var mediaQueries = {
|
|
1149
|
+
xs: "@media (min-width: 0px)",
|
|
1150
|
+
sm: "@media (min-width: 640px)",
|
|
1151
|
+
md: "@media (min-width: 768px)",
|
|
1152
|
+
lg: "@media (min-width: 1024px)",
|
|
1153
|
+
xl: "@media (min-width: 1280px)",
|
|
1154
|
+
"2xl": "@media (min-width: 1536px)",
|
|
1155
|
+
"3xl": "@media (min-width: 1920px)"
|
|
1156
|
+
};
|
|
1114
1157
|
var breakpoints$1 = {
|
|
1115
|
-
|
|
1158
|
+
$schema: $schema$1,
|
|
1159
|
+
$description: $description$1,
|
|
1160
|
+
breakpoints: breakpoints,
|
|
1161
|
+
container: container,
|
|
1162
|
+
mediaQueries: mediaQueries
|
|
1163
|
+
};
|
|
1116
1164
|
|
|
1165
|
+
var $schema = "https://json.schemastore.org/theme.json";
|
|
1166
|
+
var $description = "Z-index scale - Layering system for UI elements";
|
|
1117
1167
|
var zIndex = {
|
|
1118
1168
|
base: 0,
|
|
1119
1169
|
dropdown: 1000,
|
|
@@ -1127,8 +1177,22 @@ var zIndex = {
|
|
|
1127
1177
|
notification: 1090,
|
|
1128
1178
|
max: 9999
|
|
1129
1179
|
};
|
|
1180
|
+
var layers = {
|
|
1181
|
+
background: 0,
|
|
1182
|
+
base: 1,
|
|
1183
|
+
content: 10,
|
|
1184
|
+
overlay: 100,
|
|
1185
|
+
dropdown: 1000,
|
|
1186
|
+
modal: 2000,
|
|
1187
|
+
tooltip: 3000,
|
|
1188
|
+
notification: 4000
|
|
1189
|
+
};
|
|
1130
1190
|
var zIndex$1 = {
|
|
1131
|
-
|
|
1191
|
+
$schema: $schema,
|
|
1192
|
+
$description: $description,
|
|
1193
|
+
zIndex: zIndex,
|
|
1194
|
+
layers: layers
|
|
1195
|
+
};
|
|
1132
1196
|
|
|
1133
1197
|
/**
|
|
1134
1198
|
* @fileoverview Tokens utilitários - Classes Tailwind CSS
|
|
@@ -1620,6 +1684,14 @@ type Colors = typeof COLORS;
|
|
|
1620
1684
|
* Tipo que representa a estrutura de navegação.
|
|
1621
1685
|
*/
|
|
1622
1686
|
type Navigation = typeof NAVIGATION;
|
|
1687
|
+
/**
|
|
1688
|
+
* Tipo TypeScript para shadows
|
|
1689
|
+
*
|
|
1690
|
+
* @typedef {Object} Shadows
|
|
1691
|
+
* @description
|
|
1692
|
+
* Tipo que representa todas as classes de shadows disponíveis.
|
|
1693
|
+
*/
|
|
1694
|
+
type Shadows$1 = typeof SHADOWS;
|
|
1623
1695
|
/**
|
|
1624
1696
|
* Tipo TypeScript para gradientes
|
|
1625
1697
|
*
|
|
@@ -1653,6 +1725,28 @@ type GradientColors = typeof GRADIENT_COLORS;
|
|
|
1653
1725
|
*/
|
|
1654
1726
|
type Background = typeof BACKGROUND;
|
|
1655
1727
|
|
|
1728
|
+
declare const utilities_BACKGROUND: typeof BACKGROUND;
|
|
1729
|
+
type utilities_Background = Background;
|
|
1730
|
+
declare const utilities_COLORS: typeof COLORS;
|
|
1731
|
+
type utilities_Colors = Colors;
|
|
1732
|
+
declare const utilities_GRADIENTS: typeof GRADIENTS;
|
|
1733
|
+
declare const utilities_GRADIENT_COLORS: typeof GRADIENT_COLORS;
|
|
1734
|
+
declare const utilities_GRADIENT_COMPOSITES: typeof GRADIENT_COMPOSITES;
|
|
1735
|
+
declare const utilities_GRADIENT_DIRECTIONS: typeof GRADIENT_DIRECTIONS;
|
|
1736
|
+
type utilities_GradientColors = GradientColors;
|
|
1737
|
+
type utilities_GradientComposites = GradientComposites;
|
|
1738
|
+
type utilities_GradientDirections = GradientDirections;
|
|
1739
|
+
type utilities_Gradients = Gradients;
|
|
1740
|
+
declare const utilities_MOTION: typeof MOTION;
|
|
1741
|
+
declare const utilities_NAVIGATION: typeof NAVIGATION;
|
|
1742
|
+
type utilities_Navigation = Navigation;
|
|
1743
|
+
declare const utilities_RESPONSIVE: typeof RESPONSIVE;
|
|
1744
|
+
declare const utilities_SHADOWS: typeof SHADOWS;
|
|
1745
|
+
declare const utilities_Z_INDEX: typeof Z_INDEX;
|
|
1746
|
+
declare namespace utilities {
|
|
1747
|
+
export { utilities_BACKGROUND as BACKGROUND, type utilities_Background as Background, utilities_COLORS as COLORS, type utilities_Colors as Colors, utilities_GRADIENTS as GRADIENTS, utilities_GRADIENT_COLORS as GRADIENT_COLORS, utilities_GRADIENT_COMPOSITES as GRADIENT_COMPOSITES, utilities_GRADIENT_DIRECTIONS as GRADIENT_DIRECTIONS, type utilities_GradientColors as GradientColors, type utilities_GradientComposites as GradientComposites, type utilities_GradientDirections as GradientDirections, type utilities_Gradients as Gradients, utilities_MOTION as MOTION, utilities_NAVIGATION as NAVIGATION, type utilities_Navigation as Navigation, utilities_RESPONSIVE as RESPONSIVE, utilities_SHADOWS as SHADOWS, type Shadows$1 as Shadows, utilities_Z_INDEX as Z_INDEX };
|
|
1748
|
+
}
|
|
1749
|
+
|
|
1656
1750
|
/**
|
|
1657
1751
|
* @fileoverview Utilitários de Acessibilidade - Verificação de Contraste WCAG
|
|
1658
1752
|
*
|
|
@@ -11338,6 +11432,62 @@ declare const ANIMATION_DELAYS: {
|
|
|
11338
11432
|
readonly long: "4s";
|
|
11339
11433
|
};
|
|
11340
11434
|
|
|
11435
|
+
declare const helpers_ANIMATION_DELAYS: typeof ANIMATION_DELAYS;
|
|
11436
|
+
declare const helpers_TRANSITION_DELAYS: typeof TRANSITION_DELAYS;
|
|
11437
|
+
declare const helpers_getDarkColors: typeof getDarkColors;
|
|
11438
|
+
declare const helpers_getLightColors: typeof getLightColors;
|
|
11439
|
+
declare const helpers_getRadius: typeof getRadius;
|
|
11440
|
+
declare const helpers_getShadows: typeof getShadows;
|
|
11441
|
+
declare const helpers_getSpacing: typeof getSpacing;
|
|
11442
|
+
declare const helpers_getTokenColor: typeof getTokenColor;
|
|
11443
|
+
declare const helpers_getTypography: typeof getTypography;
|
|
11444
|
+
declare const helpers_loadDesignTokensSafely: typeof loadDesignTokensSafely;
|
|
11445
|
+
declare const helpers_radius: typeof radius;
|
|
11446
|
+
declare const helpers_spacing: typeof spacing;
|
|
11447
|
+
declare const helpers_useDesignTokens: typeof useDesignTokens;
|
|
11448
|
+
declare namespace helpers {
|
|
11449
|
+
export { helpers_ANIMATION_DELAYS as ANIMATION_DELAYS, helpers_TRANSITION_DELAYS as TRANSITION_DELAYS, helpers_getDarkColors as getDarkColors, helpers_getLightColors as getLightColors, helpers_getRadius as getRadius, helpers_getShadows as getShadows, helpers_getSpacing as getSpacing, helpers_getTokenColor as getTokenColor, helpers_getTypography as getTypography, helpers_loadDesignTokensSafely as loadDesignTokensSafely, helpers_radius as radius, helpers_spacing as spacing, helpers_useDesignTokens as useDesignTokens };
|
|
11450
|
+
}
|
|
11451
|
+
|
|
11452
|
+
/**
|
|
11453
|
+
* Core Design Tokens
|
|
11454
|
+
*
|
|
11455
|
+
* Tokens principais do sistema de design.
|
|
11456
|
+
* Cores, tipografia, espaçamento, sombras, etc.
|
|
11457
|
+
*
|
|
11458
|
+
* @module @rainersoft/design-tokens/core
|
|
11459
|
+
* @author Rainer Teixeira
|
|
11460
|
+
* @version 1.0.0
|
|
11461
|
+
*/
|
|
11462
|
+
|
|
11463
|
+
declare const index$1_darkColors: typeof darkColors;
|
|
11464
|
+
declare const index$1_lightColors: typeof lightColors;
|
|
11465
|
+
declare namespace index$1 {
|
|
11466
|
+
export { animations$1 as animations, breakpoints$1 as breakpoints, index$1_darkColors as darkColors, index$1_lightColors as lightColors, radius$2 as radius, shadows$1 as shadows, spacing$2 as spacing, typography$1 as typography, zIndex$1 as zIndex };
|
|
11467
|
+
}
|
|
11468
|
+
|
|
11469
|
+
/**
|
|
11470
|
+
* WCAG Compliance & Accessibility Utilities
|
|
11471
|
+
*
|
|
11472
|
+
* Utilitários para verificação de conformidade WCAG e acessibilidade.
|
|
11473
|
+
* Contrast checkers, accessibility helpers, etc.
|
|
11474
|
+
*
|
|
11475
|
+
* @module @rainersoft/design-tokens/compliance
|
|
11476
|
+
* @author Rainer Teixeira
|
|
11477
|
+
* @version 1.0.0
|
|
11478
|
+
*/
|
|
11479
|
+
|
|
11480
|
+
declare const index_getContrast: typeof getContrast;
|
|
11481
|
+
declare const index_getContrastInfo: typeof getContrastInfo;
|
|
11482
|
+
declare const index_getLuminance: typeof getLuminance;
|
|
11483
|
+
declare const index_hexToRgb: typeof hexToRgb;
|
|
11484
|
+
declare const index_meetsWCAGAA: typeof meetsWCAGAA;
|
|
11485
|
+
declare const index_meetsWCAGAAA: typeof meetsWCAGAAA;
|
|
11486
|
+
declare const index_validateContrast: typeof validateContrast;
|
|
11487
|
+
declare namespace index {
|
|
11488
|
+
export { index_getContrast as getContrast, index_getContrastInfo as getContrastInfo, index_getLuminance as getLuminance, index_hexToRgb as hexToRgb, index_meetsWCAGAA as meetsWCAGAA, index_meetsWCAGAAA as meetsWCAGAAA, index_validateContrast as validateContrast };
|
|
11489
|
+
}
|
|
11490
|
+
|
|
11341
11491
|
/**
|
|
11342
11492
|
* @fileoverview Ponto de entrada principal da biblioteca @rainersoft/design-tokens
|
|
11343
11493
|
*
|
|
@@ -11350,7 +11500,7 @@ declare const ANIMATION_DELAYS: {
|
|
|
11350
11500
|
* a aplicação.
|
|
11351
11501
|
*
|
|
11352
11502
|
* @module @rainersoft/design-tokens
|
|
11353
|
-
* @version 2.
|
|
11503
|
+
* @version 2.6.0
|
|
11354
11504
|
* @author Rainer Teixeira
|
|
11355
11505
|
* @license MIT
|
|
11356
11506
|
* @since 1.0.0
|
|
@@ -11380,4 +11530,4 @@ declare const ANIMATION_DELAYS: {
|
|
|
11380
11530
|
*/
|
|
11381
11531
|
declare const cssVarsPath = "./src/css-vars.css";
|
|
11382
11532
|
|
|
11383
|
-
export { ANIMATION_DELAYS, type Animations, BACKGROUND, type Background, type Breakpoints, COLORS, type Colors, type DarkColors, type DarkTheme, GRADIENTS, GRADIENT_COLORS, GRADIENT_COMPOSITES, GRADIENT_DIRECTIONS, type GradientColors, type GradientComposites, type GradientDirections, type Gradients, type LightColors, type LightTheme, MOTION, type Motion, NAVIGATION, type Navigation, RESPONSIVE, type Radius, SHADOWS, type Shadows, type Spacing, TRANSITION_DELAYS, type Themes, type Tokens, type Typography, type ZIndex, Z_INDEX, animationTokens, breakpointTokens, componentTokens, cssVarsPath, darkTheme, darkThemeColors, effectTokens, getContrast, getContrastInfo, getDarkColors, getLightColors, getLuminance, getRadius, getShadows, getSpacing, getTokenColor, getTypography, hexToRgb, lightTheme, lightThemeColors, loadDesignTokensSafely, meetsWCAGAA, meetsWCAGAAA, motionTokens, radius, radiusTokens, shadowTokens, spacing, spacingTokens, themes, tokens, typographyTokens, useDesignTokens, validateContrast, zIndexTokens };
|
|
11533
|
+
export { ANIMATION_DELAYS, type Animations, BACKGROUND, type Background, type Breakpoints, COLORS, type Colors, type DarkColors, type DarkTheme, GRADIENTS, GRADIENT_COLORS, GRADIENT_COMPOSITES, GRADIENT_DIRECTIONS, type GradientColors, type GradientComposites, type GradientDirections, type Gradients, type LightColors, type LightTheme, MOTION, type Motion, NAVIGATION, type Navigation, RESPONSIVE, type Radius, SHADOWS, type Shadows, type Spacing, TRANSITION_DELAYS, type Themes, type Tokens, type Typography, type ZIndex, Z_INDEX, animationTokens, breakpointTokens, index as compliance, componentTokens, index$1 as core, cssVarsPath, darkTheme, darkThemeColors, effectTokens, getContrast, getContrastInfo, getDarkColors, getLightColors, getLuminance, getRadius, getShadows, getSpacing, getTokenColor, getTypography, helpers, hexToRgb, lightTheme, lightThemeColors, loadDesignTokensSafely, meetsWCAGAA, meetsWCAGAAA, motionTokens, radius, radiusTokens, shadowTokens, spacing, spacingTokens, themes, tokens, typographyTokens, useDesignTokens, utilities, validateContrast, zIndexTokens };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
var $schema$7 = "https://json.schemastore.org/theme.json";
|
|
2
|
+
var $description$7 = "Light theme color palette - Modern and professional design with WCAG AA compliance";
|
|
1
3
|
var colors$1 = {
|
|
2
4
|
primary: {
|
|
3
5
|
base: "#0891b2",
|
|
@@ -275,9 +277,13 @@ var colors$1 = {
|
|
|
275
277
|
}
|
|
276
278
|
};
|
|
277
279
|
var lightColors = {
|
|
280
|
+
$schema: $schema$7,
|
|
281
|
+
$description: $description$7,
|
|
278
282
|
colors: colors$1
|
|
279
283
|
};
|
|
280
284
|
|
|
285
|
+
var $schema$6 = "https://json.schemastore.org/theme.json";
|
|
286
|
+
var $description$6 = "Dark theme color palette - Cyberpunk neon style with WCAG AA compliance";
|
|
281
287
|
var colors = {
|
|
282
288
|
primary: {
|
|
283
289
|
base: "#00e6ff",
|
|
@@ -571,9 +577,13 @@ var colors = {
|
|
|
571
577
|
}
|
|
572
578
|
};
|
|
573
579
|
var darkColors = {
|
|
580
|
+
$schema: $schema$6,
|
|
581
|
+
$description: $description$6,
|
|
574
582
|
colors: colors
|
|
575
583
|
};
|
|
576
584
|
|
|
585
|
+
var $schema$5 = "https://json.schemastore.org/theme.json";
|
|
586
|
+
var $description$5 = "Typography tokens - Complete typographic scale with semantic hierarchy (H1-H6, subtitles, body, captions)";
|
|
577
587
|
var typography$1 = {
|
|
578
588
|
fontFamily: {
|
|
579
589
|
sans: "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
|
|
@@ -835,9 +845,13 @@ var typography$1 = {
|
|
|
835
845
|
}
|
|
836
846
|
};
|
|
837
847
|
var typography = {
|
|
848
|
+
$schema: $schema$5,
|
|
849
|
+
$description: $description$5,
|
|
838
850
|
typography: typography$1
|
|
839
851
|
};
|
|
840
852
|
|
|
853
|
+
var $schema$4 = "https://json.schemastore.org/theme.json";
|
|
854
|
+
var $description$4 = "Spacing tokens - Consistent spacing scale based on 8pt grid";
|
|
841
855
|
var spacing$2 = {
|
|
842
856
|
"0": "0px",
|
|
843
857
|
"1": "0.25rem",
|
|
@@ -876,9 +890,13 @@ var spacing$2 = {
|
|
|
876
890
|
"3.5": "0.875rem"
|
|
877
891
|
};
|
|
878
892
|
var spacing$1 = {
|
|
893
|
+
$schema: $schema$4,
|
|
894
|
+
$description: $description$4,
|
|
879
895
|
spacing: spacing$2
|
|
880
896
|
};
|
|
881
897
|
|
|
898
|
+
var $schema$3 = "https://json.schemastore.org/theme.json";
|
|
899
|
+
var $description$3 = "Border radius tokens - Consistent corner rounding";
|
|
882
900
|
var radius$2 = {
|
|
883
901
|
none: "0px",
|
|
884
902
|
sm: "0.125rem",
|
|
@@ -891,9 +909,13 @@ var radius$2 = {
|
|
|
891
909
|
full: "9999px"
|
|
892
910
|
};
|
|
893
911
|
var radius$1 = {
|
|
912
|
+
$schema: $schema$3,
|
|
913
|
+
$description: $description$3,
|
|
894
914
|
radius: radius$2
|
|
895
915
|
};
|
|
896
916
|
|
|
917
|
+
var $schema$2 = "https://json.schemastore.org/theme.json";
|
|
918
|
+
var $description$2 = "Shadow tokens - Elevation and depth";
|
|
897
919
|
var shadows$1 = {
|
|
898
920
|
light: {
|
|
899
921
|
xs: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
|
|
@@ -923,6 +945,8 @@ var shadows$1 = {
|
|
|
923
945
|
}
|
|
924
946
|
};
|
|
925
947
|
var shadows = {
|
|
948
|
+
$schema: $schema$2,
|
|
949
|
+
$description: $description$2,
|
|
926
950
|
shadows: shadows$1
|
|
927
951
|
};
|
|
928
952
|
|
|
@@ -1102,6 +1126,8 @@ var motion = {
|
|
|
1102
1126
|
motion: motion$1
|
|
1103
1127
|
};
|
|
1104
1128
|
|
|
1129
|
+
var $schema$1 = "https://json.schemastore.org/theme.json";
|
|
1130
|
+
var $description$1 = "Responsive breakpoints - Mobile-first approach";
|
|
1105
1131
|
var breakpoints$1 = {
|
|
1106
1132
|
xs: "0px",
|
|
1107
1133
|
sm: "640px",
|
|
@@ -1111,9 +1137,33 @@ var breakpoints$1 = {
|
|
|
1111
1137
|
"2xl": "1536px",
|
|
1112
1138
|
"3xl": "1920px"
|
|
1113
1139
|
};
|
|
1140
|
+
var container = {
|
|
1141
|
+
sm: "640px",
|
|
1142
|
+
md: "768px",
|
|
1143
|
+
lg: "1024px",
|
|
1144
|
+
xl: "1280px",
|
|
1145
|
+
"2xl": "1536px",
|
|
1146
|
+
"3xl": "1920px"
|
|
1147
|
+
};
|
|
1148
|
+
var mediaQueries = {
|
|
1149
|
+
xs: "@media (min-width: 0px)",
|
|
1150
|
+
sm: "@media (min-width: 640px)",
|
|
1151
|
+
md: "@media (min-width: 768px)",
|
|
1152
|
+
lg: "@media (min-width: 1024px)",
|
|
1153
|
+
xl: "@media (min-width: 1280px)",
|
|
1154
|
+
"2xl": "@media (min-width: 1536px)",
|
|
1155
|
+
"3xl": "@media (min-width: 1920px)"
|
|
1156
|
+
};
|
|
1114
1157
|
var breakpoints = {
|
|
1115
|
-
|
|
1158
|
+
$schema: $schema$1,
|
|
1159
|
+
$description: $description$1,
|
|
1160
|
+
breakpoints: breakpoints$1,
|
|
1161
|
+
container: container,
|
|
1162
|
+
mediaQueries: mediaQueries
|
|
1163
|
+
};
|
|
1116
1164
|
|
|
1165
|
+
var $schema = "https://json.schemastore.org/theme.json";
|
|
1166
|
+
var $description = "Z-index scale - Layering system for UI elements";
|
|
1117
1167
|
var zIndex$1 = {
|
|
1118
1168
|
base: 0,
|
|
1119
1169
|
dropdown: 1000,
|
|
@@ -1127,8 +1177,22 @@ var zIndex$1 = {
|
|
|
1127
1177
|
notification: 1090,
|
|
1128
1178
|
max: 9999
|
|
1129
1179
|
};
|
|
1180
|
+
var layers = {
|
|
1181
|
+
background: 0,
|
|
1182
|
+
base: 1,
|
|
1183
|
+
content: 10,
|
|
1184
|
+
overlay: 100,
|
|
1185
|
+
dropdown: 1000,
|
|
1186
|
+
modal: 2000,
|
|
1187
|
+
tooltip: 3000,
|
|
1188
|
+
notification: 4000
|
|
1189
|
+
};
|
|
1130
1190
|
var zIndex = {
|
|
1131
|
-
|
|
1191
|
+
$schema: $schema,
|
|
1192
|
+
$description: $description,
|
|
1193
|
+
zIndex: zIndex$1,
|
|
1194
|
+
layers: layers
|
|
1195
|
+
};
|
|
1132
1196
|
|
|
1133
1197
|
/**
|
|
1134
1198
|
* @fileoverview Tokens utilitários - Classes Tailwind CSS
|
|
@@ -1620,6 +1684,14 @@ type Colors = typeof COLORS;
|
|
|
1620
1684
|
* Tipo que representa a estrutura de navegação.
|
|
1621
1685
|
*/
|
|
1622
1686
|
type Navigation = typeof NAVIGATION;
|
|
1687
|
+
/**
|
|
1688
|
+
* Tipo TypeScript para shadows
|
|
1689
|
+
*
|
|
1690
|
+
* @typedef {Object} Shadows
|
|
1691
|
+
* @description
|
|
1692
|
+
* Tipo que representa todas as classes de shadows disponíveis.
|
|
1693
|
+
*/
|
|
1694
|
+
type Shadows$1 = typeof SHADOWS;
|
|
1623
1695
|
/**
|
|
1624
1696
|
* Tipo TypeScript para gradientes
|
|
1625
1697
|
*
|
|
@@ -1653,6 +1725,28 @@ type GradientColors = typeof GRADIENT_COLORS;
|
|
|
1653
1725
|
*/
|
|
1654
1726
|
type Background = typeof BACKGROUND;
|
|
1655
1727
|
|
|
1728
|
+
declare const utilities_BACKGROUND: typeof BACKGROUND;
|
|
1729
|
+
type utilities_Background = Background;
|
|
1730
|
+
declare const utilities_COLORS: typeof COLORS;
|
|
1731
|
+
type utilities_Colors = Colors;
|
|
1732
|
+
declare const utilities_GRADIENTS: typeof GRADIENTS;
|
|
1733
|
+
declare const utilities_GRADIENT_COLORS: typeof GRADIENT_COLORS;
|
|
1734
|
+
declare const utilities_GRADIENT_COMPOSITES: typeof GRADIENT_COMPOSITES;
|
|
1735
|
+
declare const utilities_GRADIENT_DIRECTIONS: typeof GRADIENT_DIRECTIONS;
|
|
1736
|
+
type utilities_GradientColors = GradientColors;
|
|
1737
|
+
type utilities_GradientComposites = GradientComposites;
|
|
1738
|
+
type utilities_GradientDirections = GradientDirections;
|
|
1739
|
+
type utilities_Gradients = Gradients;
|
|
1740
|
+
declare const utilities_MOTION: typeof MOTION;
|
|
1741
|
+
declare const utilities_NAVIGATION: typeof NAVIGATION;
|
|
1742
|
+
type utilities_Navigation = Navigation;
|
|
1743
|
+
declare const utilities_RESPONSIVE: typeof RESPONSIVE;
|
|
1744
|
+
declare const utilities_SHADOWS: typeof SHADOWS;
|
|
1745
|
+
declare const utilities_Z_INDEX: typeof Z_INDEX;
|
|
1746
|
+
declare namespace utilities {
|
|
1747
|
+
export { utilities_BACKGROUND as BACKGROUND, type utilities_Background as Background, utilities_COLORS as COLORS, type utilities_Colors as Colors, utilities_GRADIENTS as GRADIENTS, utilities_GRADIENT_COLORS as GRADIENT_COLORS, utilities_GRADIENT_COMPOSITES as GRADIENT_COMPOSITES, utilities_GRADIENT_DIRECTIONS as GRADIENT_DIRECTIONS, type utilities_GradientColors as GradientColors, type utilities_GradientComposites as GradientComposites, type utilities_GradientDirections as GradientDirections, type utilities_Gradients as Gradients, utilities_MOTION as MOTION, utilities_NAVIGATION as NAVIGATION, type utilities_Navigation as Navigation, utilities_RESPONSIVE as RESPONSIVE, utilities_SHADOWS as SHADOWS, type Shadows$1 as Shadows, utilities_Z_INDEX as Z_INDEX };
|
|
1748
|
+
}
|
|
1749
|
+
|
|
1656
1750
|
/**
|
|
1657
1751
|
* @fileoverview Utilitários de Acessibilidade - Verificação de Contraste WCAG
|
|
1658
1752
|
*
|
|
@@ -11338,6 +11432,67 @@ declare const ANIMATION_DELAYS: {
|
|
|
11338
11432
|
readonly long: "4s";
|
|
11339
11433
|
};
|
|
11340
11434
|
|
|
11435
|
+
declare const helpers_ANIMATION_DELAYS: typeof ANIMATION_DELAYS;
|
|
11436
|
+
declare const helpers_TRANSITION_DELAYS: typeof TRANSITION_DELAYS;
|
|
11437
|
+
declare const helpers_getDarkColors: typeof getDarkColors;
|
|
11438
|
+
declare const helpers_getLightColors: typeof getLightColors;
|
|
11439
|
+
declare const helpers_getRadius: typeof getRadius;
|
|
11440
|
+
declare const helpers_getShadows: typeof getShadows;
|
|
11441
|
+
declare const helpers_getSpacing: typeof getSpacing;
|
|
11442
|
+
declare const helpers_getTokenColor: typeof getTokenColor;
|
|
11443
|
+
declare const helpers_getTypography: typeof getTypography;
|
|
11444
|
+
declare const helpers_loadDesignTokensSafely: typeof loadDesignTokensSafely;
|
|
11445
|
+
declare const helpers_radius: typeof radius;
|
|
11446
|
+
declare const helpers_spacing: typeof spacing;
|
|
11447
|
+
declare const helpers_useDesignTokens: typeof useDesignTokens;
|
|
11448
|
+
declare namespace helpers {
|
|
11449
|
+
export { helpers_ANIMATION_DELAYS as ANIMATION_DELAYS, helpers_TRANSITION_DELAYS as TRANSITION_DELAYS, helpers_getDarkColors as getDarkColors, helpers_getLightColors as getLightColors, helpers_getRadius as getRadius, helpers_getShadows as getShadows, helpers_getSpacing as getSpacing, helpers_getTokenColor as getTokenColor, helpers_getTypography as getTypography, helpers_loadDesignTokensSafely as loadDesignTokensSafely, helpers_radius as radius, helpers_spacing as spacing, helpers_useDesignTokens as useDesignTokens };
|
|
11450
|
+
}
|
|
11451
|
+
|
|
11452
|
+
/**
|
|
11453
|
+
* Core Design Tokens
|
|
11454
|
+
*
|
|
11455
|
+
* Tokens principais do sistema de design.
|
|
11456
|
+
* Cores, tipografia, espaçamento, sombras, etc.
|
|
11457
|
+
*
|
|
11458
|
+
* @module @rainersoft/design-tokens/core
|
|
11459
|
+
* @author Rainer Teixeira
|
|
11460
|
+
* @version 1.0.0
|
|
11461
|
+
*/
|
|
11462
|
+
|
|
11463
|
+
declare const index$1_animations: typeof animations;
|
|
11464
|
+
declare const index$1_breakpoints: typeof breakpoints;
|
|
11465
|
+
declare const index$1_darkColors: typeof darkColors;
|
|
11466
|
+
declare const index$1_lightColors: typeof lightColors;
|
|
11467
|
+
declare const index$1_shadows: typeof shadows;
|
|
11468
|
+
declare const index$1_typography: typeof typography;
|
|
11469
|
+
declare const index$1_zIndex: typeof zIndex;
|
|
11470
|
+
declare namespace index$1 {
|
|
11471
|
+
export { index$1_animations as animations, index$1_breakpoints as breakpoints, index$1_darkColors as darkColors, index$1_lightColors as lightColors, radius$1 as radius, index$1_shadows as shadows, spacing$1 as spacing, index$1_typography as typography, index$1_zIndex as zIndex };
|
|
11472
|
+
}
|
|
11473
|
+
|
|
11474
|
+
/**
|
|
11475
|
+
* WCAG Compliance & Accessibility Utilities
|
|
11476
|
+
*
|
|
11477
|
+
* Utilitários para verificação de conformidade WCAG e acessibilidade.
|
|
11478
|
+
* Contrast checkers, accessibility helpers, etc.
|
|
11479
|
+
*
|
|
11480
|
+
* @module @rainersoft/design-tokens/compliance
|
|
11481
|
+
* @author Rainer Teixeira
|
|
11482
|
+
* @version 1.0.0
|
|
11483
|
+
*/
|
|
11484
|
+
|
|
11485
|
+
declare const index_getContrast: typeof getContrast;
|
|
11486
|
+
declare const index_getContrastInfo: typeof getContrastInfo;
|
|
11487
|
+
declare const index_getLuminance: typeof getLuminance;
|
|
11488
|
+
declare const index_hexToRgb: typeof hexToRgb;
|
|
11489
|
+
declare const index_meetsWCAGAA: typeof meetsWCAGAA;
|
|
11490
|
+
declare const index_meetsWCAGAAA: typeof meetsWCAGAAA;
|
|
11491
|
+
declare const index_validateContrast: typeof validateContrast;
|
|
11492
|
+
declare namespace index {
|
|
11493
|
+
export { index_getContrast as getContrast, index_getContrastInfo as getContrastInfo, index_getLuminance as getLuminance, index_hexToRgb as hexToRgb, index_meetsWCAGAA as meetsWCAGAA, index_meetsWCAGAAA as meetsWCAGAAA, index_validateContrast as validateContrast };
|
|
11494
|
+
}
|
|
11495
|
+
|
|
11341
11496
|
/**
|
|
11342
11497
|
* @fileoverview Ponto de entrada principal da biblioteca @rainersoft/design-tokens
|
|
11343
11498
|
*
|
|
@@ -11350,7 +11505,7 @@ declare const ANIMATION_DELAYS: {
|
|
|
11350
11505
|
* a aplicação.
|
|
11351
11506
|
*
|
|
11352
11507
|
* @module @rainersoft/design-tokens
|
|
11353
|
-
* @version 2.
|
|
11508
|
+
* @version 2.6.0
|
|
11354
11509
|
* @author Rainer Teixeira
|
|
11355
11510
|
* @license MIT
|
|
11356
11511
|
* @since 1.0.0
|
|
@@ -11380,4 +11535,4 @@ declare const ANIMATION_DELAYS: {
|
|
|
11380
11535
|
*/
|
|
11381
11536
|
declare const cssVarsPath = "./src/css-vars.css";
|
|
11382
11537
|
|
|
11383
|
-
export { ANIMATION_DELAYS, type Animations, BACKGROUND, type Background, type Breakpoints, COLORS, type Colors, type DarkColors, type DarkTheme, GRADIENTS, GRADIENT_COLORS, GRADIENT_COMPOSITES, GRADIENT_DIRECTIONS, type GradientColors, type GradientComposites, type GradientDirections, type Gradients, type LightColors, type LightTheme, MOTION, type Motion, NAVIGATION, type Navigation, RESPONSIVE, type Radius, SHADOWS, type Shadows, type Spacing, TRANSITION_DELAYS, type Themes, type Tokens, type Typography, type ZIndex, Z_INDEX, animationTokens, breakpointTokens, componentTokens, cssVarsPath, darkTheme, darkThemeColors, effectTokens, getContrast, getContrastInfo, getDarkColors, getLightColors, getLuminance, getRadius, getShadows, getSpacing, getTokenColor, getTypography, hexToRgb, lightTheme, lightThemeColors, loadDesignTokensSafely, meetsWCAGAA, meetsWCAGAAA, motionTokens, radius, radiusTokens, shadowTokens, spacing, spacingTokens, themes, tokens, typographyTokens, useDesignTokens, validateContrast, zIndexTokens };
|
|
11538
|
+
export { ANIMATION_DELAYS, type Animations, BACKGROUND, type Background, type Breakpoints, COLORS, type Colors, type DarkColors, type DarkTheme, GRADIENTS, GRADIENT_COLORS, GRADIENT_COMPOSITES, GRADIENT_DIRECTIONS, type GradientColors, type GradientComposites, type GradientDirections, type Gradients, type LightColors, type LightTheme, MOTION, type Motion, NAVIGATION, type Navigation, RESPONSIVE, type Radius, SHADOWS, type Shadows, type Spacing, TRANSITION_DELAYS, type Themes, type Tokens, type Typography, type ZIndex, Z_INDEX, animationTokens, breakpointTokens, index as compliance, componentTokens, index$1 as core, cssVarsPath, darkTheme, darkThemeColors, effectTokens, getContrast, getContrastInfo, getDarkColors, getLightColors, getLuminance, getRadius, getShadows, getSpacing, getTokenColor, getTypography, helpers, hexToRgb, lightTheme, lightThemeColors, loadDesignTokensSafely, meetsWCAGAA, meetsWCAGAAA, motionTokens, radius, radiusTokens, shadowTokens, spacing, spacingTokens, themes, tokens, typographyTokens, useDesignTokens, utilities, validateContrast, zIndexTokens };
|