fluentglass 0.2.6
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/LICENSE +21 -0
- package/README.md +169 -0
- package/lib/commonjs/assets/fonts/Inter-Black.ttf +0 -0
- package/lib/commonjs/assets/fonts/Inter-Bold.ttf +0 -0
- package/lib/commonjs/assets/fonts/Inter-ExtraBold.ttf +0 -0
- package/lib/commonjs/assets/fonts/Inter-Medium.ttf +0 -0
- package/lib/commonjs/assets/fonts/Inter-Regular.ttf +0 -0
- package/lib/commonjs/assets/fonts/Inter-SemiBold.ttf +0 -0
- package/lib/commonjs/components/FluentGlass.js +94 -0
- package/lib/commonjs/components/FluentGlass.js.map +1 -0
- package/lib/commonjs/components/FluentGlassAlert.js +126 -0
- package/lib/commonjs/components/FluentGlassAlert.js.map +1 -0
- package/lib/commonjs/components/FluentGlassBadge.js +124 -0
- package/lib/commonjs/components/FluentGlassBadge.js.map +1 -0
- package/lib/commonjs/components/FluentGlassBarChart.js +287 -0
- package/lib/commonjs/components/FluentGlassBarChart.js.map +1 -0
- package/lib/commonjs/components/FluentGlassBreadcrumb.js +155 -0
- package/lib/commonjs/components/FluentGlassBreadcrumb.js.map +1 -0
- package/lib/commonjs/components/FluentGlassButton.js +175 -0
- package/lib/commonjs/components/FluentGlassButton.js.map +1 -0
- package/lib/commonjs/components/FluentGlassCalendarWidget.js +73 -0
- package/lib/commonjs/components/FluentGlassCalendarWidget.js.map +1 -0
- package/lib/commonjs/components/FluentGlassCard.js +195 -0
- package/lib/commonjs/components/FluentGlassCard.js.map +1 -0
- package/lib/commonjs/components/FluentGlassCheckbox.js +121 -0
- package/lib/commonjs/components/FluentGlassCheckbox.js.map +1 -0
- package/lib/commonjs/components/FluentGlassClockWidget.js +80 -0
- package/lib/commonjs/components/FluentGlassClockWidget.js.map +1 -0
- package/lib/commonjs/components/FluentGlassCodeBlock.js +239 -0
- package/lib/commonjs/components/FluentGlassCodeBlock.js.map +1 -0
- package/lib/commonjs/components/FluentGlassContainer.js +52 -0
- package/lib/commonjs/components/FluentGlassContainer.js.map +1 -0
- package/lib/commonjs/components/FluentGlassCrossfade.js +118 -0
- package/lib/commonjs/components/FluentGlassCrossfade.js.map +1 -0
- package/lib/commonjs/components/FluentGlassDateInput.js +176 -0
- package/lib/commonjs/components/FluentGlassDateInput.js.map +1 -0
- package/lib/commonjs/components/FluentGlassDatePicker.js +271 -0
- package/lib/commonjs/components/FluentGlassDatePicker.js.map +1 -0
- package/lib/commonjs/components/FluentGlassDialog.js +169 -0
- package/lib/commonjs/components/FluentGlassDialog.js.map +1 -0
- package/lib/commonjs/components/FluentGlassDock.js +187 -0
- package/lib/commonjs/components/FluentGlassDock.js.map +1 -0
- package/lib/commonjs/components/FluentGlassDropdown.js +349 -0
- package/lib/commonjs/components/FluentGlassDropdown.js.map +1 -0
- package/lib/commonjs/components/FluentGlassEmailInput.js +43 -0
- package/lib/commonjs/components/FluentGlassEmailInput.js.map +1 -0
- package/lib/commonjs/components/FluentGlassInput.js +83 -0
- package/lib/commonjs/components/FluentGlassInput.js.map +1 -0
- package/lib/commonjs/components/FluentGlassLabeledInput.js +64 -0
- package/lib/commonjs/components/FluentGlassLabeledInput.js.map +1 -0
- package/lib/commonjs/components/FluentGlassLayout.js +106 -0
- package/lib/commonjs/components/FluentGlassLayout.js.map +1 -0
- package/lib/commonjs/components/FluentGlassPasswordInput.js +60 -0
- package/lib/commonjs/components/FluentGlassPasswordInput.js.map +1 -0
- package/lib/commonjs/components/FluentGlassPopover.js +75 -0
- package/lib/commonjs/components/FluentGlassPopover.js.map +1 -0
- package/lib/commonjs/components/FluentGlassResponsiveRow.js +74 -0
- package/lib/commonjs/components/FluentGlassResponsiveRow.js.map +1 -0
- package/lib/commonjs/components/FluentGlassScrollArea.js +101 -0
- package/lib/commonjs/components/FluentGlassScrollArea.js.map +1 -0
- package/lib/commonjs/components/FluentGlassSegmentedControl.js +126 -0
- package/lib/commonjs/components/FluentGlassSegmentedControl.js.map +1 -0
- package/lib/commonjs/components/FluentGlassSelect.js +155 -0
- package/lib/commonjs/components/FluentGlassSelect.js.map +1 -0
- package/lib/commonjs/components/FluentGlassSeparator.js +62 -0
- package/lib/commonjs/components/FluentGlassSeparator.js.map +1 -0
- package/lib/commonjs/components/FluentGlassSheet.js +189 -0
- package/lib/commonjs/components/FluentGlassSheet.js.map +1 -0
- package/lib/commonjs/components/FluentGlassSidebar.js +358 -0
- package/lib/commonjs/components/FluentGlassSidebar.js.map +1 -0
- package/lib/commonjs/components/FluentGlassSimpleCard.js +56 -0
- package/lib/commonjs/components/FluentGlassSimpleCard.js.map +1 -0
- package/lib/commonjs/components/FluentGlassSkeleton.js +52 -0
- package/lib/commonjs/components/FluentGlassSkeleton.js.map +1 -0
- package/lib/commonjs/components/FluentGlassSlider.js +197 -0
- package/lib/commonjs/components/FluentGlassSlider.js.map +1 -0
- package/lib/commonjs/components/FluentGlassStatWidget.js +133 -0
- package/lib/commonjs/components/FluentGlassStatWidget.js.map +1 -0
- package/lib/commonjs/components/FluentGlassStatusIndicator.js +89 -0
- package/lib/commonjs/components/FluentGlassStatusIndicator.js.map +1 -0
- package/lib/commonjs/components/FluentGlassSwitch.js +126 -0
- package/lib/commonjs/components/FluentGlassSwitch.js.map +1 -0
- package/lib/commonjs/components/FluentGlassTable.js +163 -0
- package/lib/commonjs/components/FluentGlassTable.js.map +1 -0
- package/lib/commonjs/components/FluentGlassTag.js +109 -0
- package/lib/commonjs/components/FluentGlassTag.js.map +1 -0
- package/lib/commonjs/components/FluentGlassTextInput.js +90 -0
- package/lib/commonjs/components/FluentGlassTextInput.js.map +1 -0
- package/lib/commonjs/components/FluentGlassTimeline.js +334 -0
- package/lib/commonjs/components/FluentGlassTimeline.js.map +1 -0
- package/lib/commonjs/components/FluentGlassWeatherWidget.js +72 -0
- package/lib/commonjs/components/FluentGlassWeatherWidget.js.map +1 -0
- package/lib/commonjs/components/index.js +308 -0
- package/lib/commonjs/components/index.js.map +1 -0
- package/lib/commonjs/fonts.js +33 -0
- package/lib/commonjs/fonts.js.map +1 -0
- package/lib/commonjs/hooks/useBreakpoint.js +57 -0
- package/lib/commonjs/hooks/useBreakpoint.js.map +1 -0
- package/lib/commonjs/index.js +462 -0
- package/lib/commonjs/index.js.map +1 -0
- package/lib/commonjs/package.json +1 -0
- package/lib/commonjs/theme/FluentGlassProvider.js +84 -0
- package/lib/commonjs/theme/FluentGlassProvider.js.map +1 -0
- package/lib/commonjs/theme/defaultTheme.js +55 -0
- package/lib/commonjs/theme/defaultTheme.js.map +1 -0
- package/lib/commonjs/theme/resolvers.js +118 -0
- package/lib/commonjs/theme/resolvers.js.map +1 -0
- package/lib/commonjs/theme/tokens.js +239 -0
- package/lib/commonjs/theme/tokens.js.map +1 -0
- package/lib/commonjs/theme/typography.js +50 -0
- package/lib/commonjs/theme/typography.js.map +1 -0
- package/lib/commonjs/theme/useTheme.js +22 -0
- package/lib/commonjs/theme/useTheme.js.map +1 -0
- package/lib/commonjs/types/components.js +6 -0
- package/lib/commonjs/types/components.js.map +1 -0
- package/lib/commonjs/types/theme.js +6 -0
- package/lib/commonjs/types/theme.js.map +1 -0
- package/lib/commonjs/utils/colors.js +59 -0
- package/lib/commonjs/utils/colors.js.map +1 -0
- package/lib/commonjs/utils/responsive.js +126 -0
- package/lib/commonjs/utils/responsive.js.map +1 -0
- package/lib/module/assets/fonts/Inter-Black.ttf +0 -0
- package/lib/module/assets/fonts/Inter-Bold.ttf +0 -0
- package/lib/module/assets/fonts/Inter-ExtraBold.ttf +0 -0
- package/lib/module/assets/fonts/Inter-Medium.ttf +0 -0
- package/lib/module/assets/fonts/Inter-Regular.ttf +0 -0
- package/lib/module/assets/fonts/Inter-SemiBold.ttf +0 -0
- package/lib/module/components/FluentGlass.js +89 -0
- package/lib/module/components/FluentGlass.js.map +1 -0
- package/lib/module/components/FluentGlassAlert.js +121 -0
- package/lib/module/components/FluentGlassAlert.js.map +1 -0
- package/lib/module/components/FluentGlassBadge.js +119 -0
- package/lib/module/components/FluentGlassBadge.js.map +1 -0
- package/lib/module/components/FluentGlassBarChart.js +281 -0
- package/lib/module/components/FluentGlassBarChart.js.map +1 -0
- package/lib/module/components/FluentGlassBreadcrumb.js +150 -0
- package/lib/module/components/FluentGlassBreadcrumb.js.map +1 -0
- package/lib/module/components/FluentGlassButton.js +169 -0
- package/lib/module/components/FluentGlassButton.js.map +1 -0
- package/lib/module/components/FluentGlassCalendarWidget.js +68 -0
- package/lib/module/components/FluentGlassCalendarWidget.js.map +1 -0
- package/lib/module/components/FluentGlassCard.js +190 -0
- package/lib/module/components/FluentGlassCard.js.map +1 -0
- package/lib/module/components/FluentGlassCheckbox.js +115 -0
- package/lib/module/components/FluentGlassCheckbox.js.map +1 -0
- package/lib/module/components/FluentGlassClockWidget.js +74 -0
- package/lib/module/components/FluentGlassClockWidget.js.map +1 -0
- package/lib/module/components/FluentGlassCodeBlock.js +233 -0
- package/lib/module/components/FluentGlassCodeBlock.js.map +1 -0
- package/lib/module/components/FluentGlassContainer.js +47 -0
- package/lib/module/components/FluentGlassContainer.js.map +1 -0
- package/lib/module/components/FluentGlassCrossfade.js +112 -0
- package/lib/module/components/FluentGlassCrossfade.js.map +1 -0
- package/lib/module/components/FluentGlassDateInput.js +170 -0
- package/lib/module/components/FluentGlassDateInput.js.map +1 -0
- package/lib/module/components/FluentGlassDatePicker.js +265 -0
- package/lib/module/components/FluentGlassDatePicker.js.map +1 -0
- package/lib/module/components/FluentGlassDialog.js +163 -0
- package/lib/module/components/FluentGlassDialog.js.map +1 -0
- package/lib/module/components/FluentGlassDock.js +181 -0
- package/lib/module/components/FluentGlassDock.js.map +1 -0
- package/lib/module/components/FluentGlassDropdown.js +343 -0
- package/lib/module/components/FluentGlassDropdown.js.map +1 -0
- package/lib/module/components/FluentGlassEmailInput.js +38 -0
- package/lib/module/components/FluentGlassEmailInput.js.map +1 -0
- package/lib/module/components/FluentGlassInput.js +78 -0
- package/lib/module/components/FluentGlassInput.js.map +1 -0
- package/lib/module/components/FluentGlassLabeledInput.js +59 -0
- package/lib/module/components/FluentGlassLabeledInput.js.map +1 -0
- package/lib/module/components/FluentGlassLayout.js +101 -0
- package/lib/module/components/FluentGlassLayout.js.map +1 -0
- package/lib/module/components/FluentGlassPasswordInput.js +54 -0
- package/lib/module/components/FluentGlassPasswordInput.js.map +1 -0
- package/lib/module/components/FluentGlassPopover.js +70 -0
- package/lib/module/components/FluentGlassPopover.js.map +1 -0
- package/lib/module/components/FluentGlassResponsiveRow.js +71 -0
- package/lib/module/components/FluentGlassResponsiveRow.js.map +1 -0
- package/lib/module/components/FluentGlassScrollArea.js +95 -0
- package/lib/module/components/FluentGlassScrollArea.js.map +1 -0
- package/lib/module/components/FluentGlassSegmentedControl.js +120 -0
- package/lib/module/components/FluentGlassSegmentedControl.js.map +1 -0
- package/lib/module/components/FluentGlassSelect.js +149 -0
- package/lib/module/components/FluentGlassSelect.js.map +1 -0
- package/lib/module/components/FluentGlassSeparator.js +57 -0
- package/lib/module/components/FluentGlassSeparator.js.map +1 -0
- package/lib/module/components/FluentGlassSheet.js +183 -0
- package/lib/module/components/FluentGlassSheet.js.map +1 -0
- package/lib/module/components/FluentGlassSidebar.js +351 -0
- package/lib/module/components/FluentGlassSidebar.js.map +1 -0
- package/lib/module/components/FluentGlassSimpleCard.js +51 -0
- package/lib/module/components/FluentGlassSimpleCard.js.map +1 -0
- package/lib/module/components/FluentGlassSkeleton.js +46 -0
- package/lib/module/components/FluentGlassSkeleton.js.map +1 -0
- package/lib/module/components/FluentGlassSlider.js +191 -0
- package/lib/module/components/FluentGlassSlider.js.map +1 -0
- package/lib/module/components/FluentGlassStatWidget.js +128 -0
- package/lib/module/components/FluentGlassStatWidget.js.map +1 -0
- package/lib/module/components/FluentGlassStatusIndicator.js +84 -0
- package/lib/module/components/FluentGlassStatusIndicator.js.map +1 -0
- package/lib/module/components/FluentGlassSwitch.js +122 -0
- package/lib/module/components/FluentGlassSwitch.js.map +1 -0
- package/lib/module/components/FluentGlassTable.js +158 -0
- package/lib/module/components/FluentGlassTable.js.map +1 -0
- package/lib/module/components/FluentGlassTag.js +103 -0
- package/lib/module/components/FluentGlassTag.js.map +1 -0
- package/lib/module/components/FluentGlassTextInput.js +85 -0
- package/lib/module/components/FluentGlassTextInput.js.map +1 -0
- package/lib/module/components/FluentGlassTimeline.js +327 -0
- package/lib/module/components/FluentGlassTimeline.js.map +1 -0
- package/lib/module/components/FluentGlassWeatherWidget.js +67 -0
- package/lib/module/components/FluentGlassWeatherWidget.js.map +1 -0
- package/lib/module/components/index.js +45 -0
- package/lib/module/components/index.js.map +1 -0
- package/lib/module/fonts.js +26 -0
- package/lib/module/fonts.js.map +1 -0
- package/lib/module/hooks/useBreakpoint.js +54 -0
- package/lib/module/hooks/useBreakpoint.js.map +1 -0
- package/lib/module/index.js +30 -0
- package/lib/module/index.js.map +1 -0
- package/lib/module/theme/FluentGlassProvider.js +77 -0
- package/lib/module/theme/FluentGlassProvider.js.map +1 -0
- package/lib/module/theme/defaultTheme.js +51 -0
- package/lib/module/theme/defaultTheme.js.map +1 -0
- package/lib/module/theme/resolvers.js +110 -0
- package/lib/module/theme/resolvers.js.map +1 -0
- package/lib/module/theme/tokens.js +235 -0
- package/lib/module/theme/tokens.js.map +1 -0
- package/lib/module/theme/typography.js +45 -0
- package/lib/module/theme/typography.js.map +1 -0
- package/lib/module/theme/useTheme.js +18 -0
- package/lib/module/theme/useTheme.js.map +1 -0
- package/lib/module/types/components.js +4 -0
- package/lib/module/types/components.js.map +1 -0
- package/lib/module/types/theme.js +4 -0
- package/lib/module/types/theme.js.map +1 -0
- package/lib/module/utils/colors.js +55 -0
- package/lib/module/utils/colors.js.map +1 -0
- package/lib/module/utils/responsive.js +116 -0
- package/lib/module/utils/responsive.js.map +1 -0
- package/lib/typescript/components/FluentGlass.d.ts +25 -0
- package/lib/typescript/components/FluentGlass.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassAlert.d.ts +13 -0
- package/lib/typescript/components/FluentGlassAlert.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassBadge.d.ts +22 -0
- package/lib/typescript/components/FluentGlassBadge.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassBarChart.d.ts +30 -0
- package/lib/typescript/components/FluentGlassBarChart.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassBreadcrumb.d.ts +22 -0
- package/lib/typescript/components/FluentGlassBreadcrumb.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassButton.d.ts +27 -0
- package/lib/typescript/components/FluentGlassButton.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassCalendarWidget.d.ts +13 -0
- package/lib/typescript/components/FluentGlassCalendarWidget.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassCard.d.ts +30 -0
- package/lib/typescript/components/FluentGlassCard.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassCheckbox.d.ts +14 -0
- package/lib/typescript/components/FluentGlassCheckbox.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassClockWidget.d.ts +11 -0
- package/lib/typescript/components/FluentGlassClockWidget.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassCodeBlock.d.ts +11 -0
- package/lib/typescript/components/FluentGlassCodeBlock.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassContainer.d.ts +22 -0
- package/lib/typescript/components/FluentGlassContainer.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassCrossfade.d.ts +24 -0
- package/lib/typescript/components/FluentGlassCrossfade.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassDateInput.d.ts +18 -0
- package/lib/typescript/components/FluentGlassDateInput.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassDatePicker.d.ts +9 -0
- package/lib/typescript/components/FluentGlassDatePicker.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassDialog.d.ts +18 -0
- package/lib/typescript/components/FluentGlassDialog.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassDock.d.ts +19 -0
- package/lib/typescript/components/FluentGlassDock.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassDropdown.d.ts +23 -0
- package/lib/typescript/components/FluentGlassDropdown.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassEmailInput.d.ts +17 -0
- package/lib/typescript/components/FluentGlassEmailInput.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassInput.d.ts +12 -0
- package/lib/typescript/components/FluentGlassInput.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassLabeledInput.d.ts +19 -0
- package/lib/typescript/components/FluentGlassLabeledInput.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassLayout.d.ts +11 -0
- package/lib/typescript/components/FluentGlassLayout.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassPasswordInput.d.ts +15 -0
- package/lib/typescript/components/FluentGlassPasswordInput.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassPopover.d.ts +17 -0
- package/lib/typescript/components/FluentGlassPopover.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassResponsiveRow.d.ts +25 -0
- package/lib/typescript/components/FluentGlassResponsiveRow.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassScrollArea.d.ts +16 -0
- package/lib/typescript/components/FluentGlassScrollArea.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassSegmentedControl.d.ts +15 -0
- package/lib/typescript/components/FluentGlassSegmentedControl.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassSelect.d.ts +23 -0
- package/lib/typescript/components/FluentGlassSelect.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassSeparator.d.ts +13 -0
- package/lib/typescript/components/FluentGlassSeparator.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassSheet.d.ts +11 -0
- package/lib/typescript/components/FluentGlassSheet.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassSidebar.d.ts +44 -0
- package/lib/typescript/components/FluentGlassSidebar.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassSimpleCard.d.ts +19 -0
- package/lib/typescript/components/FluentGlassSimpleCard.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassSkeleton.d.ts +14 -0
- package/lib/typescript/components/FluentGlassSkeleton.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassSlider.d.ts +31 -0
- package/lib/typescript/components/FluentGlassSlider.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassStatWidget.d.ts +17 -0
- package/lib/typescript/components/FluentGlassStatWidget.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassStatusIndicator.d.ts +16 -0
- package/lib/typescript/components/FluentGlassStatusIndicator.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassSwitch.d.ts +13 -0
- package/lib/typescript/components/FluentGlassSwitch.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassTable.d.ts +50 -0
- package/lib/typescript/components/FluentGlassTable.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassTag.d.ts +18 -0
- package/lib/typescript/components/FluentGlassTag.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassTextInput.d.ts +21 -0
- package/lib/typescript/components/FluentGlassTextInput.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassTimeline.d.ts +27 -0
- package/lib/typescript/components/FluentGlassTimeline.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassWeatherWidget.d.ts +13 -0
- package/lib/typescript/components/FluentGlassWeatherWidget.d.ts.map +1 -0
- package/lib/typescript/components/index.d.ts +43 -0
- package/lib/typescript/components/index.d.ts.map +1 -0
- package/lib/typescript/fonts.d.ts +13 -0
- package/lib/typescript/fonts.d.ts.map +1 -0
- package/lib/typescript/hooks/useBreakpoint.d.ts +26 -0
- package/lib/typescript/hooks/useBreakpoint.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +18 -0
- package/lib/typescript/index.d.ts.map +1 -0
- package/lib/typescript/theme/FluentGlassProvider.d.ts +21 -0
- package/lib/typescript/theme/FluentGlassProvider.d.ts.map +1 -0
- package/lib/typescript/theme/defaultTheme.d.ts +10 -0
- package/lib/typescript/theme/defaultTheme.d.ts.map +1 -0
- package/lib/typescript/theme/resolvers.d.ts +55 -0
- package/lib/typescript/theme/resolvers.d.ts.map +1 -0
- package/lib/typescript/theme/tokens.d.ts +27 -0
- package/lib/typescript/theme/tokens.d.ts.map +1 -0
- package/lib/typescript/theme/typography.d.ts +27 -0
- package/lib/typescript/theme/typography.d.ts.map +1 -0
- package/lib/typescript/theme/useTheme.d.ts +12 -0
- package/lib/typescript/theme/useTheme.d.ts.map +1 -0
- package/lib/typescript/types/components.d.ts +32 -0
- package/lib/typescript/types/components.d.ts.map +1 -0
- package/lib/typescript/types/theme.d.ts +79 -0
- package/lib/typescript/types/theme.d.ts.map +1 -0
- package/lib/typescript/utils/colors.d.ts +3 -0
- package/lib/typescript/utils/colors.d.ts.map +1 -0
- package/lib/typescript/utils/responsive.d.ts +62 -0
- package/lib/typescript/utils/responsive.d.ts.map +1 -0
- package/package.json +90 -0
- package/src/assets/fonts/Inter-Black.ttf +0 -0
- package/src/assets/fonts/Inter-Bold.ttf +0 -0
- package/src/assets/fonts/Inter-ExtraBold.ttf +0 -0
- package/src/assets/fonts/Inter-Medium.ttf +0 -0
- package/src/assets/fonts/Inter-Regular.ttf +0 -0
- package/src/assets/fonts/Inter-SemiBold.ttf +0 -0
- package/src/components/FluentGlass.tsx +103 -0
- package/src/components/FluentGlassAlert.tsx +126 -0
- package/src/components/FluentGlassBadge.tsx +109 -0
- package/src/components/FluentGlassBarChart.tsx +295 -0
- package/src/components/FluentGlassBreadcrumb.tsx +173 -0
- package/src/components/FluentGlassButton.tsx +169 -0
- package/src/components/FluentGlassCalendarWidget.tsx +55 -0
- package/src/components/FluentGlassCard.tsx +186 -0
- package/src/components/FluentGlassCheckbox.tsx +138 -0
- package/src/components/FluentGlassClockWidget.tsx +61 -0
- package/src/components/FluentGlassCodeBlock.tsx +241 -0
- package/src/components/FluentGlassContainer.tsx +63 -0
- package/src/components/FluentGlassCrossfade.tsx +122 -0
- package/src/components/FluentGlassDateInput.tsx +182 -0
- package/src/components/FluentGlassDatePicker.tsx +224 -0
- package/src/components/FluentGlassDialog.tsx +153 -0
- package/src/components/FluentGlassDock.tsx +194 -0
- package/src/components/FluentGlassDropdown.tsx +382 -0
- package/src/components/FluentGlassEmailInput.tsx +46 -0
- package/src/components/FluentGlassInput.tsx +77 -0
- package/src/components/FluentGlassLabeledInput.tsx +63 -0
- package/src/components/FluentGlassLayout.tsx +89 -0
- package/src/components/FluentGlassPasswordInput.tsx +59 -0
- package/src/components/FluentGlassPopover.tsx +74 -0
- package/src/components/FluentGlassResponsiveRow.tsx +76 -0
- package/src/components/FluentGlassScrollArea.tsx +110 -0
- package/src/components/FluentGlassSegmentedControl.tsx +140 -0
- package/src/components/FluentGlassSelect.tsx +139 -0
- package/src/components/FluentGlassSeparator.tsx +54 -0
- package/src/components/FluentGlassSheet.tsx +183 -0
- package/src/components/FluentGlassSidebar.tsx +349 -0
- package/src/components/FluentGlassSimpleCard.tsx +59 -0
- package/src/components/FluentGlassSkeleton.tsx +69 -0
- package/src/components/FluentGlassSlider.tsx +202 -0
- package/src/components/FluentGlassStatWidget.tsx +107 -0
- package/src/components/FluentGlassStatusIndicator.tsx +82 -0
- package/src/components/FluentGlassSwitch.tsx +130 -0
- package/src/components/FluentGlassTable.tsx +145 -0
- package/src/components/FluentGlassTag.tsx +98 -0
- package/src/components/FluentGlassTextInput.tsx +87 -0
- package/src/components/FluentGlassTimeline.tsx +335 -0
- package/src/components/FluentGlassWeatherWidget.tsx +54 -0
- package/src/components/index.ts +42 -0
- package/src/fonts.ts +24 -0
- package/src/hooks/useBreakpoint.ts +55 -0
- package/src/index.ts +97 -0
- package/src/theme/FluentGlassProvider.tsx +82 -0
- package/src/theme/defaultTheme.ts +44 -0
- package/src/theme/resolvers.ts +115 -0
- package/src/theme/tokens.ts +200 -0
- package/src/theme/typography.ts +41 -0
- package/src/theme/useTheme.ts +17 -0
- package/src/types/components.ts +47 -0
- package/src/types/theme.ts +82 -0
- package/src/utils/colors.ts +55 -0
- package/src/utils/responsive.ts +110 -0
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* FluentGlass — Main Entry Point
|
|
5
|
+
*
|
|
6
|
+
* Usage:
|
|
7
|
+
* import { FluentGlassButton, FluentGlassCard } from 'fluentglass';
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
// ─── Components ─────────────────────────────────────────────
|
|
11
|
+
export { FluentGlass, FluentGlassLayout, FluentGlassSimpleCard, FluentGlassButton, FluentGlassInput, FluentGlassTextInput, FluentGlassLabeledInput, FluentGlassPasswordInput, FluentGlassEmailInput, FluentGlassDateInput, FluentGlassSeparator, FluentGlassSkeleton, FluentGlassScrollArea, FluentGlassTable, FluentGlassSheet, FluentGlassDialog, FluentGlassSelect, FluentGlassDock, FluentGlassWeatherWidget, FluentGlassCalendarWidget, FluentGlassClockWidget, FluentGlassStatWidget, FluentGlassSegmentedControl, FluentGlassBadge, FluentGlassTag, FluentGlassStatusIndicator, FluentGlassBreadcrumb, FluentGlassCard, FluentGlassSlider, FluentGlassSwitch, FluentGlassDropdown, FluentGlassCodeBlock, FluentGlassContainer, FluentGlassCheckbox, FluentGlassTimeline, FluentGlassAlert, FluentGlassBarChart, FluentGlassDatePicker, FluentGlassPopover, FluentGlassResponsiveRow, FluentGlassCrossfade, FluentGlassSidebar, SIDEBAR_DEFAULTS } from './components';
|
|
12
|
+
|
|
13
|
+
// ─── Hooks ──────────────────────────────────────────────────
|
|
14
|
+
export { default as useBreakpoint } from './hooks/useBreakpoint';
|
|
15
|
+
|
|
16
|
+
// ─── Utilities ──────────────────────────────────────────────
|
|
17
|
+
export { scale, verticalScale, moderateScale, wp, hp, responsiveFontSize, isSmallDevice, isCompactDevice, isTablet, isLargeTablet, SPACING } from './utils/responsive';
|
|
18
|
+
export { COLORS } from './utils/colors';
|
|
19
|
+
|
|
20
|
+
// ─── Theme System ───────────────────────────────────────────
|
|
21
|
+
export { default as FluentGlassProvider } from './theme/FluentGlassProvider';
|
|
22
|
+
export { default as useTheme } from './theme/useTheme';
|
|
23
|
+
export { default as defaultTheme } from './theme/defaultTheme';
|
|
24
|
+
export { SIZE_SCALE, SIZE_PRESETS, COLOR_SCHEMES, BLUR_PRESETS, RADIUS_PRESETS, ANIMATION_PRESETS } from './theme/tokens';
|
|
25
|
+
export { resolveSize, resolveColorScheme, resolveBlur, resolveRadius, resolveBackwardCompat } from './theme/resolvers';
|
|
26
|
+
|
|
27
|
+
// ─── Typography ─────────────────────────────────────────────
|
|
28
|
+
export { FONT_FAMILIES, WEIGHT_TO_FAMILY, getFontFamily } from './theme/typography';
|
|
29
|
+
export { loadFluentGlassFonts } from './fonts';
|
|
30
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["FluentGlass","FluentGlassLayout","FluentGlassSimpleCard","FluentGlassButton","FluentGlassInput","FluentGlassTextInput","FluentGlassLabeledInput","FluentGlassPasswordInput","FluentGlassEmailInput","FluentGlassDateInput","FluentGlassSeparator","FluentGlassSkeleton","FluentGlassScrollArea","FluentGlassTable","FluentGlassSheet","FluentGlassDialog","FluentGlassSelect","FluentGlassDock","FluentGlassWeatherWidget","FluentGlassCalendarWidget","FluentGlassClockWidget","FluentGlassStatWidget","FluentGlassSegmentedControl","FluentGlassBadge","FluentGlassTag","FluentGlassStatusIndicator","FluentGlassBreadcrumb","FluentGlassCard","FluentGlassSlider","FluentGlassSwitch","FluentGlassDropdown","FluentGlassCodeBlock","FluentGlassContainer","FluentGlassCheckbox","FluentGlassTimeline","FluentGlassAlert","FluentGlassBarChart","FluentGlassDatePicker","FluentGlassPopover","FluentGlassResponsiveRow","FluentGlassCrossfade","FluentGlassSidebar","SIDEBAR_DEFAULTS","default","useBreakpoint","scale","verticalScale","moderateScale","wp","hp","responsiveFontSize","isSmallDevice","isCompactDevice","isTablet","isLargeTablet","SPACING","COLORS","FluentGlassProvider","useTheme","defaultTheme","SIZE_SCALE","SIZE_PRESETS","COLOR_SCHEMES","BLUR_PRESETS","RADIUS_PRESETS","ANIMATION_PRESETS","resolveSize","resolveColorScheme","resolveBlur","resolveRadius","resolveBackwardCompat","FONT_FAMILIES","WEIGHT_TO_FAMILY","getFontFamily","loadFluentGlassFonts"],"sourceRoot":"..\\..\\src","sources":["index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,SACIA,WAAW,EACXC,iBAAiB,EACjBC,qBAAqB,EACrBC,iBAAiB,EACjBC,gBAAgB,EAChBC,oBAAoB,EACpBC,uBAAuB,EACvBC,wBAAwB,EACxBC,qBAAqB,EACrBC,oBAAoB,EACpBC,oBAAoB,EACpBC,mBAAmB,EACnBC,qBAAqB,EACrBC,gBAAgB,EAChBC,gBAAgB,EAChBC,iBAAiB,EACjBC,iBAAiB,EACjBC,eAAe,EACfC,wBAAwB,EACxBC,yBAAyB,EACzBC,sBAAsB,EACtBC,qBAAqB,EACrBC,2BAA2B,EAC3BC,gBAAgB,EAChBC,cAAc,EACdC,0BAA0B,EAC1BC,qBAAqB,EACrBC,eAAe,EACfC,iBAAiB,EACjBC,iBAAiB,EACjBC,mBAAmB,EACnBC,oBAAoB,EACpBC,oBAAoB,EACpBC,mBAAmB,EACnBC,mBAAmB,EACnBC,gBAAgB,EAChBC,mBAAmB,EACnBC,qBAAqB,EACrBC,kBAAkB,EAClBC,wBAAwB,EACxBC,oBAAoB,EACpBC,kBAAkB,EAClBC,gBAAgB,QACb,cAAc;;AAErB;AACA,SAASC,OAAO,IAAIC,aAAa,QAAQ,uBAAuB;;AAEhE;AACA,SACIC,KAAK,EACLC,aAAa,EACbC,aAAa,EACbC,EAAE,EACFC,EAAE,EACFC,kBAAkB,EAClBC,aAAa,EACbC,eAAe,EACfC,QAAQ,EACRC,aAAa,EACbC,OAAO,QACJ,oBAAoB;AAE3B,SAASC,MAAM,QAAQ,gBAAgB;;AAEvC;AACA,SAASb,OAAO,IAAIc,mBAAmB,QAAQ,6BAA6B;AAC5E,SAASd,OAAO,IAAIe,QAAQ,QAAQ,kBAAkB;AACtD,SAASf,OAAO,IAAIgB,YAAY,QAAQ,sBAAsB;AAC9D,SACIC,UAAU,EACVC,YAAY,EACZC,aAAa,EACbC,YAAY,EACZC,cAAc,EACdC,iBAAiB,QACd,gBAAgB;AACvB,SACIC,WAAW,EACXC,kBAAkB,EAClBC,WAAW,EACXC,aAAa,EACbC,qBAAqB,QAClB,mBAAmB;;AAE1B;AACA,SAASC,aAAa,EAAEC,gBAAgB,EAAEC,aAAa,QAAQ,oBAAoB;AACnF,SAASC,oBAAoB,QAAQ,SAAS","ignoreList":[]}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* FluentGlassProvider
|
|
5
|
+
*
|
|
6
|
+
* Wraps the app (or a subtree) with a custom theme.
|
|
7
|
+
* All FluentGlass components read from this context.
|
|
8
|
+
*
|
|
9
|
+
* Usage:
|
|
10
|
+
* <FluentGlassProvider theme={{ colors: { accent: '#FF6B6B' } }}>
|
|
11
|
+
* <App />
|
|
12
|
+
* </FluentGlassProvider>
|
|
13
|
+
*
|
|
14
|
+
* Without provider, components use defaultTheme automatically.
|
|
15
|
+
*/
|
|
16
|
+
|
|
17
|
+
import React, { createContext, useMemo, useState, useEffect } from 'react';
|
|
18
|
+
import { View, ActivityIndicator } from 'react-native';
|
|
19
|
+
import defaultTheme from './defaultTheme';
|
|
20
|
+
import { loadFluentGlassFonts } from '../fonts';
|
|
21
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
22
|
+
export const ThemeContext = /*#__PURE__*/createContext(defaultTheme);
|
|
23
|
+
|
|
24
|
+
/**
|
|
25
|
+
* Deep merge two objects. Arrays are replaced, not merged.
|
|
26
|
+
* Only merges plain objects, not class instances.
|
|
27
|
+
*/
|
|
28
|
+
function deepMerge(target, source) {
|
|
29
|
+
if (!source) return target;
|
|
30
|
+
const result = {
|
|
31
|
+
...target
|
|
32
|
+
};
|
|
33
|
+
for (const key of Object.keys(source)) {
|
|
34
|
+
const targetVal = target[key];
|
|
35
|
+
const sourceVal = source[key];
|
|
36
|
+
if (sourceVal && typeof sourceVal === 'object' && !Array.isArray(sourceVal) && targetVal && typeof targetVal === 'object' && !Array.isArray(targetVal)) {
|
|
37
|
+
result[key] = deepMerge(targetVal, sourceVal);
|
|
38
|
+
} else {
|
|
39
|
+
result[key] = sourceVal;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
return result;
|
|
43
|
+
}
|
|
44
|
+
export default function FluentGlassProvider({
|
|
45
|
+
theme,
|
|
46
|
+
children,
|
|
47
|
+
loadFonts = true
|
|
48
|
+
}) {
|
|
49
|
+
const [fontsLoaded, setFontsLoaded] = useState(!loadFonts);
|
|
50
|
+
useEffect(() => {
|
|
51
|
+
if (!loadFonts) return;
|
|
52
|
+
loadFluentGlassFonts().then(() => setFontsLoaded(true)).catch(err => {
|
|
53
|
+
console.warn('FluentGlass: Failed to load fonts, falling back to system fonts.', err);
|
|
54
|
+
setFontsLoaded(true); // render anyway with system fonts
|
|
55
|
+
});
|
|
56
|
+
}, [loadFonts]);
|
|
57
|
+
const mergedTheme = useMemo(() => theme ? deepMerge(defaultTheme, theme) : defaultTheme, [theme]);
|
|
58
|
+
if (!fontsLoaded) {
|
|
59
|
+
return /*#__PURE__*/_jsx(View, {
|
|
60
|
+
style: {
|
|
61
|
+
flex: 1,
|
|
62
|
+
justifyContent: 'center',
|
|
63
|
+
alignItems: 'center',
|
|
64
|
+
backgroundColor: '#020617'
|
|
65
|
+
},
|
|
66
|
+
children: /*#__PURE__*/_jsx(ActivityIndicator, {
|
|
67
|
+
color: "#06B6D4",
|
|
68
|
+
size: "large"
|
|
69
|
+
})
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
return /*#__PURE__*/_jsx(ThemeContext.Provider, {
|
|
73
|
+
value: mergedTheme,
|
|
74
|
+
children: children
|
|
75
|
+
});
|
|
76
|
+
}
|
|
77
|
+
//# sourceMappingURL=FluentGlassProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","createContext","useMemo","useState","useEffect","View","ActivityIndicator","defaultTheme","loadFluentGlassFonts","jsx","_jsx","ThemeContext","deepMerge","target","source","result","key","Object","keys","targetVal","sourceVal","Array","isArray","FluentGlassProvider","theme","children","loadFonts","fontsLoaded","setFontsLoaded","then","catch","err","console","warn","mergedTheme","style","flex","justifyContent","alignItems","backgroundColor","color","size","Provider","value"],"sourceRoot":"..\\..\\..\\src","sources":["theme/FluentGlassProvider.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAC1E,SAASC,IAAI,EAAEC,iBAAiB,QAAQ,cAAc;AACtD,OAAOC,YAAY,MAAM,gBAAgB;AACzC,SAASC,oBAAoB,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhD,OAAO,MAAMC,YAAY,gBAAGV,aAAa,CAACM,YAAY,CAAC;;AAEvD;AACA;AACA;AACA;AACA,SAASK,SAASA,CAACC,MAAW,EAAEC,MAAW,EAAE;EACzC,IAAI,CAACA,MAAM,EAAE,OAAOD,MAAM;EAC1B,MAAME,MAAM,GAAG;IAAE,GAAGF;EAAO,CAAC;EAE5B,KAAK,MAAMG,GAAG,IAAIC,MAAM,CAACC,IAAI,CAACJ,MAAM,CAAC,EAAE;IACnC,MAAMK,SAAS,GAAGN,MAAM,CAACG,GAAG,CAAC;IAC7B,MAAMI,SAAS,GAAGN,MAAM,CAACE,GAAG,CAAC;IAE7B,IACII,SAAS,IACT,OAAOA,SAAS,KAAK,QAAQ,IAC7B,CAACC,KAAK,CAACC,OAAO,CAACF,SAAS,CAAC,IACzBD,SAAS,IACT,OAAOA,SAAS,KAAK,QAAQ,IAC7B,CAACE,KAAK,CAACC,OAAO,CAACH,SAAS,CAAC,EAC3B;MACEJ,MAAM,CAACC,GAAG,CAAC,GAAGJ,SAAS,CAACO,SAAS,EAAEC,SAAS,CAAC;IACjD,CAAC,MAAM;MACHL,MAAM,CAACC,GAAG,CAAC,GAAGI,SAAS;IAC3B;EACJ;EAEA,OAAOL,MAAM;AACjB;AAEA,eAAe,SAASQ,mBAAmBA,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,SAAS,GAAG;AAAuE,CAAC,EAAE;EACjJ,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGzB,QAAQ,CAAC,CAACuB,SAAS,CAAC;EAE1DtB,SAAS,CAAC,MAAM;IACZ,IAAI,CAACsB,SAAS,EAAE;IAChBlB,oBAAoB,CAAC,CAAC,CACjBqB,IAAI,CAAC,MAAMD,cAAc,CAAC,IAAI,CAAC,CAAC,CAChCE,KAAK,CAAEC,GAAG,IAAK;MACZC,OAAO,CAACC,IAAI,CAAC,kEAAkE,EAAEF,GAAG,CAAC;MACrFH,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC;IAC1B,CAAC,CAAC;EACV,CAAC,EAAE,CAACF,SAAS,CAAC,CAAC;EAEf,MAAMQ,WAAW,GAAGhC,OAAO,CACvB,MAAOsB,KAAK,GAAGZ,SAAS,CAACL,YAAY,EAAEiB,KAAK,CAAC,GAAGjB,YAAa,EAC7D,CAACiB,KAAK,CACV,CAAC;EAED,IAAI,CAACG,WAAW,EAAE;IACd,oBACIjB,IAAA,CAACL,IAAI;MAAC8B,KAAK,EAAE;QAAEC,IAAI,EAAE,CAAC;QAAEC,cAAc,EAAE,QAAQ;QAAEC,UAAU,EAAE,QAAQ;QAAEC,eAAe,EAAE;MAAU,CAAE;MAAAd,QAAA,eACjGf,IAAA,CAACJ,iBAAiB;QAACkC,KAAK,EAAC,SAAS;QAACC,IAAI,EAAC;MAAO,CAAE;IAAC,CAChD,CAAC;EAEf;EAEA,oBACI/B,IAAA,CAACC,YAAY,CAAC+B,QAAQ;IAACC,KAAK,EAAET,WAAY;IAAAT,QAAA,EACrCA;EAAQ,CACU,CAAC;AAEhC","ignoreList":[]}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* FluentGlass Default Theme — Deep Liquid Dark
|
|
5
|
+
*
|
|
6
|
+
* This is the out-of-the-box theme. Users can override any part
|
|
7
|
+
* via FluentGlassProvider's `theme` prop (deep merged).
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
import { COLORS } from '../utils/colors';
|
|
11
|
+
import { COLOR_SCHEMES, SIZE_PRESETS, BLUR_PRESETS, RADIUS_PRESETS, ANIMATION_PRESETS } from './tokens';
|
|
12
|
+
import { FONT_FAMILIES } from './typography';
|
|
13
|
+
const defaultTheme = {
|
|
14
|
+
// Core color palette
|
|
15
|
+
colors: {
|
|
16
|
+
...COLORS
|
|
17
|
+
},
|
|
18
|
+
// Color schemes for components
|
|
19
|
+
colorSchemes: {
|
|
20
|
+
...COLOR_SCHEMES
|
|
21
|
+
},
|
|
22
|
+
// Size presets
|
|
23
|
+
sizes: {
|
|
24
|
+
...SIZE_PRESETS
|
|
25
|
+
},
|
|
26
|
+
// Blur presets
|
|
27
|
+
blurs: {
|
|
28
|
+
...BLUR_PRESETS
|
|
29
|
+
},
|
|
30
|
+
// Radius presets
|
|
31
|
+
radii: {
|
|
32
|
+
...RADIUS_PRESETS
|
|
33
|
+
},
|
|
34
|
+
// Animation presets
|
|
35
|
+
animations: {
|
|
36
|
+
...ANIMATION_PRESETS
|
|
37
|
+
},
|
|
38
|
+
// Typography
|
|
39
|
+
typography: {
|
|
40
|
+
...FONT_FAMILIES
|
|
41
|
+
},
|
|
42
|
+
// Global defaults applied to all components unless overridden per-component
|
|
43
|
+
defaults: {
|
|
44
|
+
size: 'md',
|
|
45
|
+
colorScheme: 'default',
|
|
46
|
+
blur: 'medium',
|
|
47
|
+
radius: 'md'
|
|
48
|
+
}
|
|
49
|
+
};
|
|
50
|
+
export default defaultTheme;
|
|
51
|
+
//# sourceMappingURL=defaultTheme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["COLORS","COLOR_SCHEMES","SIZE_PRESETS","BLUR_PRESETS","RADIUS_PRESETS","ANIMATION_PRESETS","FONT_FAMILIES","defaultTheme","colors","colorSchemes","sizes","blurs","radii","animations","typography","defaults","size","colorScheme","blur","radius"],"sourceRoot":"..\\..\\..\\src","sources":["theme/defaultTheme.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,MAAM,QAAQ,iBAAiB;AACxC,SAASC,aAAa,EAAEC,YAAY,EAAEC,YAAY,EAAEC,cAAc,EAAEC,iBAAiB,QAAQ,UAAU;AACvG,SAASC,aAAa,QAAQ,cAAc;AAG5C,MAAMC,YAA8B,GAAG;EACnC;EACAC,MAAM,EAAE;IAAE,GAAGR;EAAO,CAAC;EAErB;EACAS,YAAY,EAAE;IAAE,GAAGR;EAAc,CAAC;EAElC;EACAS,KAAK,EAAE;IAAE,GAAGR;EAAa,CAAC;EAE1B;EACAS,KAAK,EAAE;IAAE,GAAGR;EAAa,CAAC;EAE1B;EACAS,KAAK,EAAE;IAAE,GAAGR;EAAe,CAAC;EAE5B;EACAS,UAAU,EAAE;IAAE,GAAGR;EAAkB,CAAC;EAEpC;EACAS,UAAU,EAAE;IAAE,GAAGR;EAAc,CAAC;EAEhC;EACAS,QAAQ,EAAE;IACNC,IAAI,EAAE,IAAI;IACVC,WAAW,EAAE,SAAS;IACtBC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACZ;AACJ,CAAC;AAED,eAAeZ,YAAY","ignoreList":[]}
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* FluentGlass Theme Resolvers
|
|
5
|
+
*
|
|
6
|
+
* Utility functions that convert prop values (size="lg", colorScheme="success")
|
|
7
|
+
* into concrete style objects using the theme's tokens.
|
|
8
|
+
*
|
|
9
|
+
* Usage in components:
|
|
10
|
+
* const theme = useTheme();
|
|
11
|
+
* const sizeStyles = resolveSize(theme, size || theme.defaults.size);
|
|
12
|
+
* const colorStyles = resolveColorScheme(theme, colorScheme || theme.defaults.colorScheme);
|
|
13
|
+
* const blurConfig = resolveBlur(theme, blur || theme.defaults.blur);
|
|
14
|
+
* const radiusValue = resolveRadius(theme, radius || theme.defaults.radius);
|
|
15
|
+
*/
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* Resolve size prop → { paddingHorizontal, paddingVertical, fontSize, minHeight, borderRadius, iconSize, gap }
|
|
19
|
+
*/
|
|
20
|
+
export function resolveSize(theme, size = 'md') {
|
|
21
|
+
return theme.sizes[size] || theme.sizes.md;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
/**
|
|
25
|
+
* Resolve colorScheme prop → { solid, bg, border, text, tint }
|
|
26
|
+
*/
|
|
27
|
+
export function resolveColorScheme(theme, colorScheme = 'default') {
|
|
28
|
+
return theme.colorSchemes[colorScheme] || theme.colorSchemes.default;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
/**
|
|
32
|
+
* Resolve blur prop → { intensity, tintAlpha }
|
|
33
|
+
*/
|
|
34
|
+
export function resolveBlur(theme, blur = 'medium') {
|
|
35
|
+
return theme.blurs[blur] || theme.blurs.medium;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
/**
|
|
39
|
+
* Resolve radius prop → number
|
|
40
|
+
*/
|
|
41
|
+
export function resolveRadius(theme, radius = 'md') {
|
|
42
|
+
return theme.radii[radius] ?? theme.radii.md;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
/**
|
|
46
|
+
* Backward compatibility: map old prop names to new ones.
|
|
47
|
+
*
|
|
48
|
+
* - variant="primary" → colorScheme="info"
|
|
49
|
+
* - variant="secondary" → colorScheme="default"
|
|
50
|
+
* - variant="ghost" → colorScheme="default" (with blur="none")
|
|
51
|
+
* - type="success" → colorScheme="success"
|
|
52
|
+
* - type="error" → colorScheme="error"
|
|
53
|
+
* - tint="dark" → colorScheme="dark"
|
|
54
|
+
* - tint="deep" → colorScheme="deep"
|
|
55
|
+
* - intensity=40 → blur="strong"
|
|
56
|
+
*/
|
|
57
|
+
export function resolveBackwardCompat({
|
|
58
|
+
variant,
|
|
59
|
+
type,
|
|
60
|
+
tint,
|
|
61
|
+
intensity,
|
|
62
|
+
colorScheme,
|
|
63
|
+
blur
|
|
64
|
+
}) {
|
|
65
|
+
let resolvedColorScheme = colorScheme;
|
|
66
|
+
let resolvedBlur = blur;
|
|
67
|
+
|
|
68
|
+
// Map variant → colorScheme (Button, Badge)
|
|
69
|
+
if (!resolvedColorScheme && variant) {
|
|
70
|
+
const variantMap = {
|
|
71
|
+
primary: 'info',
|
|
72
|
+
secondary: 'default',
|
|
73
|
+
ghost: 'default',
|
|
74
|
+
destructive: 'error',
|
|
75
|
+
outline: 'default'
|
|
76
|
+
};
|
|
77
|
+
resolvedColorScheme = variantMap[variant] || variant;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
// Map type → colorScheme (Alert)
|
|
81
|
+
if (!resolvedColorScheme && type) {
|
|
82
|
+
resolvedColorScheme = type; // success, error, warning, info map 1:1
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
// Map tint → colorScheme (FluentGlass atom)
|
|
86
|
+
if (!resolvedColorScheme && tint) {
|
|
87
|
+
const tintMap = {
|
|
88
|
+
dark: 'dark',
|
|
89
|
+
deep: 'deep',
|
|
90
|
+
light: 'light',
|
|
91
|
+
default: 'default'
|
|
92
|
+
};
|
|
93
|
+
resolvedColorScheme = tintMap[tint] || 'default';
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
// Map intensity → blur
|
|
97
|
+
if (!resolvedBlur && intensity !== undefined) {
|
|
98
|
+
if (intensity === 0) resolvedBlur = 'none';else if (intensity <= 10) resolvedBlur = 'subtle';else if (intensity <= 20) resolvedBlur = 'medium';else if (intensity <= 40) resolvedBlur = 'strong';else resolvedBlur = 'max';
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
// Ghost variant also implies no blur
|
|
102
|
+
if (variant === 'ghost' && !resolvedBlur) {
|
|
103
|
+
resolvedBlur = 'none';
|
|
104
|
+
}
|
|
105
|
+
return {
|
|
106
|
+
colorScheme: resolvedColorScheme,
|
|
107
|
+
blur: resolvedBlur
|
|
108
|
+
};
|
|
109
|
+
}
|
|
110
|
+
//# sourceMappingURL=resolvers.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["resolveSize","theme","size","sizes","md","resolveColorScheme","colorScheme","colorSchemes","default","resolveBlur","blur","blurs","medium","resolveRadius","radius","radii","resolveBackwardCompat","variant","type","tint","intensity","resolvedColorScheme","resolvedBlur","variantMap","primary","secondary","ghost","destructive","outline","tintMap","dark","deep","light","undefined"],"sourceRoot":"..\\..\\..\\src","sources":["theme/resolvers.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKA;AACA;AACA;AACA,OAAO,SAASA,WAAWA,CAACC,KAAuB,EAAEC,IAA8B,GAAG,IAAI,EAAc;EACpG,OAAOD,KAAK,CAACE,KAAK,CAACD,IAAI,CAAC,IAAID,KAAK,CAACE,KAAK,CAACC,EAAE;AAC9C;;AAEA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAACJ,KAAuB,EAAEK,WAA4C,GAAG,SAAS,EAAqB;EACrI,OAAOL,KAAK,CAACM,YAAY,CAACD,WAAW,CAAC,IAAIL,KAAK,CAACM,YAAY,CAACC,OAAO;AACxE;;AAEA;AACA;AACA;AACA,OAAO,SAASC,WAAWA,CAACR,KAAuB,EAAES,IAA8B,GAAG,QAAQ,EAAc;EACxG,OAAOT,KAAK,CAACU,KAAK,CAACD,IAAI,CAAC,IAAIT,KAAK,CAACU,KAAK,CAACC,MAAM;AAClD;;AAEA;AACA;AACA;AACA,OAAO,SAASC,aAAaA,CAACZ,KAAuB,EAAEa,MAAkC,GAAG,IAAI,EAAU;EACtG,OAAOb,KAAK,CAACc,KAAK,CAACD,MAAM,CAAW,IAAIb,KAAK,CAACc,KAAK,CAACX,EAAE;AAC1D;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASY,qBAAqBA,CAAC;EAAEC,OAAO;EAAEC,IAAI;EAAEC,IAAI;EAAEC,SAAS;EAAEd,WAAW;EAAEI;AAOrF,CAAC,EAA4G;EACzG,IAAIW,mBAAmB,GAAGf,WAAW;EACrC,IAAIgB,YAAY,GAAGZ,IAAI;;EAEvB;EACA,IAAI,CAACW,mBAAmB,IAAIJ,OAAO,EAAE;IACjC,MAAMM,UAAkD,GAAG;MACvDC,OAAO,EAAE,MAAM;MACfC,SAAS,EAAE,SAAS;MACpBC,KAAK,EAAE,SAAS;MAChBC,WAAW,EAAE,OAAO;MACpBC,OAAO,EAAE;IACb,CAAC;IACDP,mBAAmB,GAAGE,UAAU,CAACN,OAAO,CAAC,IAAIA,OAAO;EACxD;;EAEA;EACA,IAAI,CAACI,mBAAmB,IAAIH,IAAI,EAAE;IAC9BG,mBAAmB,GAAGH,IAAI,CAAC,CAAC;EAChC;;EAEA;EACA,IAAI,CAACG,mBAAmB,IAAIF,IAAI,EAAE;IAC9B,MAAMU,OAA+C,GAAG;MACpDC,IAAI,EAAE,MAAM;MACZC,IAAI,EAAE,MAAM;MACZC,KAAK,EAAE,OAAO;MACdxB,OAAO,EAAE;IACb,CAAC;IACDa,mBAAmB,GAAGQ,OAAO,CAACV,IAAI,CAAC,IAAI,SAAS;EACpD;;EAEA;EACA,IAAI,CAACG,YAAY,IAAIF,SAAS,KAAKa,SAAS,EAAE;IAC1C,IAAIb,SAAS,KAAK,CAAC,EAAEE,YAAY,GAAG,MAAM,CAAC,KACtC,IAAIF,SAAS,IAAI,EAAE,EAAEE,YAAY,GAAG,QAAQ,CAAC,KAC7C,IAAIF,SAAS,IAAI,EAAE,EAAEE,YAAY,GAAG,QAAQ,CAAC,KAC7C,IAAIF,SAAS,IAAI,EAAE,EAAEE,YAAY,GAAG,QAAQ,CAAC,KAC7CA,YAAY,GAAG,KAAK;EAC7B;;EAEA;EACA,IAAIL,OAAO,KAAK,OAAO,IAAI,CAACK,YAAY,EAAE;IACtCA,YAAY,GAAG,MAAM;EACzB;EAEA,OAAO;IACHhB,WAAW,EAAEe,mBAAmB;IAChCX,IAAI,EAAEY;EACV,CAAC;AACL","ignoreList":[]}
|
|
@@ -0,0 +1,235 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* FluentGlass Design Tokens
|
|
5
|
+
*
|
|
6
|
+
* Centralized definition of all design tokens:
|
|
7
|
+
* - Size scales (xs → xl)
|
|
8
|
+
* - Color schemes (default, dark, deep, light, success, error, warning, info)
|
|
9
|
+
* - Blur intensities (none → max)
|
|
10
|
+
* - Border radius presets (none → pill)
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
// ─── SIZE TOKENS ────────────────────────────────────────────
|
|
14
|
+
|
|
15
|
+
export const SIZE_SCALE = {
|
|
16
|
+
xs: 0.7,
|
|
17
|
+
sm: 0.85,
|
|
18
|
+
md: 1,
|
|
19
|
+
lg: 1.2,
|
|
20
|
+
xl: 1.5
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
/**
|
|
24
|
+
* Resolved size values for common properties.
|
|
25
|
+
* Each size key maps to concrete padding, fontSize, minHeight, borderRadius, and iconSize.
|
|
26
|
+
*/
|
|
27
|
+
export const SIZE_PRESETS = {
|
|
28
|
+
xs: {
|
|
29
|
+
paddingHorizontal: 8,
|
|
30
|
+
paddingVertical: 4,
|
|
31
|
+
fontSize: 11,
|
|
32
|
+
minHeight: 28,
|
|
33
|
+
borderRadius: 6,
|
|
34
|
+
iconSize: 12,
|
|
35
|
+
gap: 4
|
|
36
|
+
},
|
|
37
|
+
sm: {
|
|
38
|
+
paddingHorizontal: 12,
|
|
39
|
+
paddingVertical: 6,
|
|
40
|
+
fontSize: 13,
|
|
41
|
+
minHeight: 34,
|
|
42
|
+
borderRadius: 10,
|
|
43
|
+
iconSize: 14,
|
|
44
|
+
gap: 6
|
|
45
|
+
},
|
|
46
|
+
md: {
|
|
47
|
+
paddingHorizontal: 16,
|
|
48
|
+
paddingVertical: 10,
|
|
49
|
+
fontSize: 15,
|
|
50
|
+
minHeight: 42,
|
|
51
|
+
borderRadius: 12,
|
|
52
|
+
iconSize: 16,
|
|
53
|
+
gap: 8
|
|
54
|
+
},
|
|
55
|
+
lg: {
|
|
56
|
+
paddingHorizontal: 20,
|
|
57
|
+
paddingVertical: 14,
|
|
58
|
+
fontSize: 17,
|
|
59
|
+
minHeight: 50,
|
|
60
|
+
borderRadius: 14,
|
|
61
|
+
iconSize: 20,
|
|
62
|
+
gap: 10
|
|
63
|
+
},
|
|
64
|
+
xl: {
|
|
65
|
+
paddingHorizontal: 24,
|
|
66
|
+
paddingVertical: 18,
|
|
67
|
+
fontSize: 20,
|
|
68
|
+
minHeight: 58,
|
|
69
|
+
borderRadius: 16,
|
|
70
|
+
iconSize: 24,
|
|
71
|
+
gap: 12
|
|
72
|
+
}
|
|
73
|
+
};
|
|
74
|
+
|
|
75
|
+
// ─── COLOR SCHEME TOKENS ────────────────────────────────────
|
|
76
|
+
|
|
77
|
+
/**
|
|
78
|
+
* Color scheme definitions.
|
|
79
|
+
* Each scheme defines: solid (hex), bg (low-alpha tint), border (medium-alpha), text
|
|
80
|
+
* Glass tints (default, dark, deep, light) use rgba backgrounds.
|
|
81
|
+
* Semantic colors (success, error, warning, info) use accent-tinted glass.
|
|
82
|
+
*/
|
|
83
|
+
export const COLOR_SCHEMES = {
|
|
84
|
+
// Glass Structure tints
|
|
85
|
+
default: {
|
|
86
|
+
solid: 'rgba(15, 23, 42, 0.5)',
|
|
87
|
+
bg: 'rgba(15, 23, 42, 0.5)',
|
|
88
|
+
border: 'rgba(148, 163, 184, 0.2)',
|
|
89
|
+
text: '#F8FAFC',
|
|
90
|
+
tint: 'dark' // BlurView tint
|
|
91
|
+
},
|
|
92
|
+
dark: {
|
|
93
|
+
solid: 'rgba(15, 23, 42, 0.7)',
|
|
94
|
+
bg: 'rgba(15, 23, 42, 0.7)',
|
|
95
|
+
border: 'rgba(148, 163, 184, 0.2)',
|
|
96
|
+
text: '#F8FAFC',
|
|
97
|
+
tint: 'dark'
|
|
98
|
+
},
|
|
99
|
+
deep: {
|
|
100
|
+
solid: 'rgba(2, 6, 23, 0.85)',
|
|
101
|
+
bg: 'rgba(2, 6, 23, 0.85)',
|
|
102
|
+
border: 'rgba(148, 163, 184, 0.15)',
|
|
103
|
+
text: '#F8FAFC',
|
|
104
|
+
tint: 'dark'
|
|
105
|
+
},
|
|
106
|
+
light: {
|
|
107
|
+
solid: 'rgba(255, 255, 255, 0.04)',
|
|
108
|
+
bg: 'rgba(255, 255, 255, 0.04)',
|
|
109
|
+
border: 'rgba(255, 255, 255, 0.1)',
|
|
110
|
+
text: '#F8FAFC',
|
|
111
|
+
tint: 'light'
|
|
112
|
+
},
|
|
113
|
+
// Semantic colors (from Alert component)
|
|
114
|
+
success: {
|
|
115
|
+
solid: '#10B981',
|
|
116
|
+
bg: 'rgba(16, 185, 129, 0.25)',
|
|
117
|
+
border: 'rgba(16, 185, 129, 0.4)',
|
|
118
|
+
text: '#10B981',
|
|
119
|
+
tint: 'default'
|
|
120
|
+
},
|
|
121
|
+
error: {
|
|
122
|
+
solid: '#EF4444',
|
|
123
|
+
bg: 'rgba(239, 68, 68, 0.25)',
|
|
124
|
+
border: 'rgba(239, 68, 68, 0.4)',
|
|
125
|
+
text: '#EF4444',
|
|
126
|
+
tint: 'default'
|
|
127
|
+
},
|
|
128
|
+
warning: {
|
|
129
|
+
solid: '#F59E0B',
|
|
130
|
+
bg: 'rgba(245, 158, 11, 0.25)',
|
|
131
|
+
border: 'rgba(245, 158, 11, 0.4)',
|
|
132
|
+
text: '#F59E0B',
|
|
133
|
+
tint: 'default'
|
|
134
|
+
},
|
|
135
|
+
info: {
|
|
136
|
+
solid: '#06B6D4',
|
|
137
|
+
bg: 'rgba(6, 182, 212, 0.25)',
|
|
138
|
+
border: 'rgba(6, 182, 212, 0.4)',
|
|
139
|
+
text: '#06B6D4',
|
|
140
|
+
tint: 'default'
|
|
141
|
+
},
|
|
142
|
+
purple: {
|
|
143
|
+
solid: '#8B5CF6',
|
|
144
|
+
bg: 'rgba(139, 92, 246, 0.25)',
|
|
145
|
+
border: 'rgba(139, 92, 246, 0.4)',
|
|
146
|
+
text: '#8B5CF6',
|
|
147
|
+
tint: 'default'
|
|
148
|
+
},
|
|
149
|
+
blue: {
|
|
150
|
+
solid: '#3B82F6',
|
|
151
|
+
bg: 'rgba(59, 130, 246, 0.25)',
|
|
152
|
+
border: 'rgba(59, 130, 246, 0.4)',
|
|
153
|
+
text: '#3B82F6',
|
|
154
|
+
tint: 'default'
|
|
155
|
+
},
|
|
156
|
+
pink: {
|
|
157
|
+
solid: '#EC4899',
|
|
158
|
+
bg: 'rgba(236, 72, 153, 0.25)',
|
|
159
|
+
border: 'rgba(236, 72, 153, 0.4)',
|
|
160
|
+
text: '#EC4899',
|
|
161
|
+
tint: 'default'
|
|
162
|
+
}
|
|
163
|
+
};
|
|
164
|
+
|
|
165
|
+
// ─── BLUR TOKENS ────────────────────────────────────────────
|
|
166
|
+
|
|
167
|
+
export const BLUR_PRESETS = {
|
|
168
|
+
none: {
|
|
169
|
+
intensity: 0,
|
|
170
|
+
tintAlpha: 0
|
|
171
|
+
},
|
|
172
|
+
subtle: {
|
|
173
|
+
intensity: 10,
|
|
174
|
+
tintAlpha: 0.3
|
|
175
|
+
},
|
|
176
|
+
medium: {
|
|
177
|
+
intensity: 20,
|
|
178
|
+
tintAlpha: 0.5
|
|
179
|
+
},
|
|
180
|
+
strong: {
|
|
181
|
+
intensity: 40,
|
|
182
|
+
tintAlpha: 0.7
|
|
183
|
+
},
|
|
184
|
+
max: {
|
|
185
|
+
intensity: 60,
|
|
186
|
+
tintAlpha: 0.85
|
|
187
|
+
}
|
|
188
|
+
};
|
|
189
|
+
|
|
190
|
+
// ─── RADIUS TOKENS ──────────────────────────────────────────
|
|
191
|
+
|
|
192
|
+
export const RADIUS_PRESETS = {
|
|
193
|
+
none: 0,
|
|
194
|
+
sm: 6,
|
|
195
|
+
md: 12,
|
|
196
|
+
lg: 16,
|
|
197
|
+
pill: 9999
|
|
198
|
+
};
|
|
199
|
+
|
|
200
|
+
// ─── ANIMATION TOKENS ──────────────────────────────────────
|
|
201
|
+
|
|
202
|
+
export const ANIMATION_PRESETS = {
|
|
203
|
+
spring: {
|
|
204
|
+
gentle: {
|
|
205
|
+
mass: 0.8,
|
|
206
|
+
damping: 14,
|
|
207
|
+
stiffness: 100,
|
|
208
|
+
overshootClamping: false
|
|
209
|
+
},
|
|
210
|
+
default: {
|
|
211
|
+
mass: 0.6,
|
|
212
|
+
damping: 16,
|
|
213
|
+
stiffness: 140,
|
|
214
|
+
overshootClamping: false
|
|
215
|
+
},
|
|
216
|
+
snappy: {
|
|
217
|
+
mass: 0.4,
|
|
218
|
+
damping: 18,
|
|
219
|
+
stiffness: 200,
|
|
220
|
+
overshootClamping: false
|
|
221
|
+
},
|
|
222
|
+
bouncy: {
|
|
223
|
+
mass: 0.5,
|
|
224
|
+
damping: 15,
|
|
225
|
+
stiffness: 160,
|
|
226
|
+
overshootClamping: false
|
|
227
|
+
}
|
|
228
|
+
},
|
|
229
|
+
crossfade: {
|
|
230
|
+
fadeOutDuration: 120,
|
|
231
|
+
fadeInDuration: 200,
|
|
232
|
+
translateY: 6
|
|
233
|
+
}
|
|
234
|
+
};
|
|
235
|
+
//# sourceMappingURL=tokens.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["SIZE_SCALE","xs","sm","md","lg","xl","SIZE_PRESETS","paddingHorizontal","paddingVertical","fontSize","minHeight","borderRadius","iconSize","gap","COLOR_SCHEMES","default","solid","bg","border","text","tint","dark","deep","light","success","error","warning","info","purple","blue","pink","BLUR_PRESETS","none","intensity","tintAlpha","subtle","medium","strong","max","RADIUS_PRESETS","pill","ANIMATION_PRESETS","spring","gentle","mass","damping","stiffness","overshootClamping","snappy","bouncy","crossfade","fadeOutDuration","fadeInDuration","translateY"],"sourceRoot":"..\\..\\..\\src","sources":["theme/tokens.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* FluentGlass Typography Tokens
|
|
5
|
+
*
|
|
6
|
+
* Font family definitions for Inter typeface.
|
|
7
|
+
* In React Native, each font weight requires its own font file,
|
|
8
|
+
* so we map numeric weights to specific font family names.
|
|
9
|
+
*/
|
|
10
|
+
|
|
11
|
+
export const FONT_FAMILIES = {
|
|
12
|
+
regular: 'Inter-Regular',
|
|
13
|
+
medium: 'Inter-Medium',
|
|
14
|
+
semiBold: 'Inter-SemiBold',
|
|
15
|
+
bold: 'Inter-Bold',
|
|
16
|
+
extraBold: 'Inter-ExtraBold',
|
|
17
|
+
black: 'Inter-Black',
|
|
18
|
+
mono: 'monospace'
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
/**
|
|
22
|
+
* Maps numeric fontWeight values to their corresponding Inter fontFamily.
|
|
23
|
+
* Usage: { fontFamily: WEIGHT_TO_FAMILY['700'] } instead of { fontWeight: '700' }
|
|
24
|
+
*/
|
|
25
|
+
export const WEIGHT_TO_FAMILY = {
|
|
26
|
+
'300': 'Inter-Regular',
|
|
27
|
+
// Light → fallback to Regular
|
|
28
|
+
'400': 'Inter-Regular',
|
|
29
|
+
'normal': 'Inter-Regular',
|
|
30
|
+
'500': 'Inter-Medium',
|
|
31
|
+
'600': 'Inter-SemiBold',
|
|
32
|
+
'700': 'Inter-Bold',
|
|
33
|
+
'bold': 'Inter-Bold',
|
|
34
|
+
'800': 'Inter-ExtraBold',
|
|
35
|
+
'900': 'Inter-Black'
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
/**
|
|
39
|
+
* Helper: given a fontWeight (string or number), returns the correct fontFamily.
|
|
40
|
+
* Falls back to Inter-Regular if weight is not mapped.
|
|
41
|
+
*/
|
|
42
|
+
export function getFontFamily(weight = '400') {
|
|
43
|
+
return WEIGHT_TO_FAMILY[String(weight)] || FONT_FAMILIES.regular;
|
|
44
|
+
}
|
|
45
|
+
//# sourceMappingURL=typography.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["FONT_FAMILIES","regular","medium","semiBold","bold","extraBold","black","mono","WEIGHT_TO_FAMILY","getFontFamily","weight","String"],"sourceRoot":"..\\..\\..\\src","sources":["theme/typography.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,aAAa,GAAG;EACzBC,OAAO,EAAE,eAAe;EACxBC,MAAM,EAAE,cAAc;EACtBC,QAAQ,EAAE,gBAAgB;EAC1BC,IAAI,EAAE,YAAY;EAClBC,SAAS,EAAE,iBAAiB;EAC5BC,KAAK,EAAE,aAAa;EACpBC,IAAI,EAAE;AACV,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAwC,GAAG;EACpD,KAAK,EAAE,eAAe;EAAI;EAC1B,KAAK,EAAE,eAAe;EACtB,QAAQ,EAAE,eAAe;EACzB,KAAK,EAAE,cAAc;EACrB,KAAK,EAAE,gBAAgB;EACvB,KAAK,EAAE,YAAY;EACnB,MAAM,EAAE,YAAY;EACpB,KAAK,EAAE,iBAAiB;EACxB,KAAK,EAAE;AACX,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,SAASC,aAAaA,CAACC,MAAM,GAAG,KAAK,EAAE;EAC1C,OAAOF,gBAAgB,CAACG,MAAM,CAACD,MAAM,CAAC,CAAC,IAAIV,aAAa,CAACC,OAAO;AACpE","ignoreList":[]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* useTheme — Hook to access the current FluentGlass theme.
|
|
5
|
+
*
|
|
6
|
+
* Usage:
|
|
7
|
+
* const theme = useTheme();
|
|
8
|
+
* const { colors, colorSchemes, sizes, blurs, radii, defaults } = theme;
|
|
9
|
+
*
|
|
10
|
+
* Works with or without FluentGlassProvider (falls back to defaultTheme).
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
import { useContext } from 'react';
|
|
14
|
+
import { ThemeContext } from './FluentGlassProvider';
|
|
15
|
+
export default function useTheme() {
|
|
16
|
+
return useContext(ThemeContext);
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=useTheme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useContext","ThemeContext","useTheme"],"sourceRoot":"..\\..\\..\\src","sources":["theme/useTheme.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,YAAY,QAAQ,uBAAuB;AAGpD,eAAe,SAASC,QAAQA,CAAA,EAAqB;EACjD,OAAOF,UAAU,CAACC,YAAY,CAAC;AACnC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["types/components.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["types/theme.ts"],"mappings":"","ignoreList":[]}
|