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,73 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = FluentGlassCalendarWidget;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _FluentGlass = _interopRequireDefault(require("./FluentGlass"));
|
|
10
|
+
var _useTheme = _interopRequireDefault(require("../theme/useTheme"));
|
|
11
|
+
var _responsive = require("../utils/responsive");
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
+
/**
|
|
15
|
+
* FluentGlassCalendarWidget (Atom/Molecule)
|
|
16
|
+
* Dashboard widget displaying month and day.
|
|
17
|
+
*/
|
|
18
|
+
function FluentGlassCalendarWidget({
|
|
19
|
+
day = '18',
|
|
20
|
+
month = 'FEB',
|
|
21
|
+
style
|
|
22
|
+
}) {
|
|
23
|
+
const theme = (0, _useTheme.default)();
|
|
24
|
+
const COLORS = theme.colors;
|
|
25
|
+
const typography = theme.typography;
|
|
26
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluentGlass.default, {
|
|
27
|
+
accessible: true,
|
|
28
|
+
accessibilityLabel: `${month} ${day}`,
|
|
29
|
+
style: [styles.card, style],
|
|
30
|
+
intensity: 25,
|
|
31
|
+
borderRadius: 20,
|
|
32
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
33
|
+
style: styles.content,
|
|
34
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
35
|
+
style: [styles.redHeader, {
|
|
36
|
+
color: COLORS.negative,
|
|
37
|
+
fontFamily: typography.bold
|
|
38
|
+
}],
|
|
39
|
+
children: month
|
|
40
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
41
|
+
style: [styles.bigValue, {
|
|
42
|
+
color: COLORS.textPrimary,
|
|
43
|
+
fontFamily: typography.regular
|
|
44
|
+
}],
|
|
45
|
+
children: day
|
|
46
|
+
})]
|
|
47
|
+
})
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
const styles = _reactNative.StyleSheet.create({
|
|
51
|
+
card: {
|
|
52
|
+
flex: 1,
|
|
53
|
+
minWidth: 100,
|
|
54
|
+
maxWidth: 140,
|
|
55
|
+
aspectRatio: 1
|
|
56
|
+
},
|
|
57
|
+
content: {
|
|
58
|
+
flex: 1,
|
|
59
|
+
justifyContent: 'center',
|
|
60
|
+
alignItems: 'center'
|
|
61
|
+
},
|
|
62
|
+
redHeader: {
|
|
63
|
+
fontSize: 12,
|
|
64
|
+
fontWeight: 'bold',
|
|
65
|
+
textTransform: 'uppercase',
|
|
66
|
+
marginBottom: 4
|
|
67
|
+
},
|
|
68
|
+
bigValue: {
|
|
69
|
+
fontSize: (0, _responsive.moderateScale)(28),
|
|
70
|
+
fontWeight: '300'
|
|
71
|
+
}
|
|
72
|
+
});
|
|
73
|
+
//# sourceMappingURL=FluentGlassCalendarWidget.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_FluentGlass","_useTheme","_responsive","_jsxRuntime","e","__esModule","default","FluentGlassCalendarWidget","day","month","style","theme","useTheme","COLORS","colors","typography","jsx","accessible","accessibilityLabel","styles","card","intensity","borderRadius","children","jsxs","View","content","Text","redHeader","color","negative","fontFamily","bold","bigValue","textPrimary","regular","StyleSheet","create","flex","minWidth","maxWidth","aspectRatio","justifyContent","alignItems","fontSize","fontWeight","textTransform","marginBottom","moderateScale"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassCalendarWidget.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAAoD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQpD;AACA;AACA;AACA;AACe,SAASG,yBAAyBA,CAAC;EAAEC,GAAG,GAAG,IAAI;EAAEC,KAAK,GAAG,KAAK;EAAEC;AAAsC,CAAC,EAAE;EACpH,MAAMC,KAAK,GAAG,IAAAC,iBAAQ,EAAC,CAAC;EACxB,MAAMC,MAAM,GAAGF,KAAK,CAACG,MAAM;EAC3B,MAAMC,UAAU,GAAGJ,KAAK,CAACI,UAAU;EAEnC,oBACI,IAAAZ,WAAA,CAAAa,GAAA,EAAChB,YAAA,CAAAM,OAAW;IAACW,UAAU,EAAE,IAAK;IAACC,kBAAkB,EAAE,GAAGT,KAAK,IAAID,GAAG,EAAG;IAACE,KAAK,EAAE,CAACS,MAAM,CAACC,IAAI,EAAEV,KAAK,CAAE;IAACW,SAAS,EAAE,EAAG;IAACC,YAAY,EAAE,EAAG;IAAAC,QAAA,eAC/H,IAAApB,WAAA,CAAAqB,IAAA,EAACzB,YAAA,CAAA0B,IAAI;MAACf,KAAK,EAAES,MAAM,CAACO,OAAQ;MAAAH,QAAA,gBACxB,IAAApB,WAAA,CAAAa,GAAA,EAACjB,YAAA,CAAA4B,IAAI;QAACjB,KAAK,EAAE,CAACS,MAAM,CAACS,SAAS,EAAE;UAAEC,KAAK,EAAEhB,MAAM,CAACiB,QAAQ;UAAEC,UAAU,EAAEhB,UAAU,CAACiB;QAAK,CAAC,CAAE;QAAAT,QAAA,EAAEd;MAAK,CAAO,CAAC,eACxG,IAAAN,WAAA,CAAAa,GAAA,EAACjB,YAAA,CAAA4B,IAAI;QAACjB,KAAK,EAAE,CAACS,MAAM,CAACc,QAAQ,EAAE;UAAEJ,KAAK,EAAEhB,MAAM,CAACqB,WAAW;UAAEH,UAAU,EAAEhB,UAAU,CAACoB;QAAQ,CAAC,CAAE;QAAAZ,QAAA,EAAEf;MAAG,CAAO,CAAC;IAAA,CACzG;EAAC,CACE,CAAC;AAEtB;AAEA,MAAMW,MAAM,GAAGiB,uBAAU,CAACC,MAAM,CAAC;EAC7BjB,IAAI,EAAE;IACFkB,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,GAAG;IACbC,QAAQ,EAAE,GAAG;IACbC,WAAW,EAAE;EACjB,CAAC;EACDf,OAAO,EAAE;IACLY,IAAI,EAAE,CAAC;IACPI,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EAChB,CAAC;EACDf,SAAS,EAAE;IACPgB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,MAAM;IAClBC,aAAa,EAAE,WAAW;IAC1BC,YAAY,EAAE;EAClB,CAAC;EACDd,QAAQ,EAAE;IACNW,QAAQ,EAAE,IAAAI,yBAAa,EAAC,EAAE,CAAC;IAC3BH,UAAU,EAAE;EAChB;AACJ,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,195 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = FluentGlassCard;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _FluentGlass = _interopRequireDefault(require("./FluentGlass"));
|
|
10
|
+
var _FluentGlassButton = _interopRequireDefault(require("./FluentGlassButton"));
|
|
11
|
+
var _useTheme = _interopRequireDefault(require("../theme/useTheme"));
|
|
12
|
+
var _resolvers = require("../theme/resolvers");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
+
/**
|
|
16
|
+
* FluentGlassCard (Organism)
|
|
17
|
+
* Structured glass card with two variants:
|
|
18
|
+
* - 'standard': Title + description + content + optional action
|
|
19
|
+
* - 'featured': Colored header area + icon + title + description + optional action
|
|
20
|
+
*
|
|
21
|
+
* @param {string} size - 'xs' | 'sm' | 'md' | 'lg' | 'xl'
|
|
22
|
+
* @param {string} colorScheme - 'default' | 'dark' | 'info' | 'success' | 'error' | 'warning'
|
|
23
|
+
* @param {string} blur - blur intensity
|
|
24
|
+
* @param {string} radius - border radius
|
|
25
|
+
*/
|
|
26
|
+
|
|
27
|
+
function FluentGlassCard({
|
|
28
|
+
variant = 'standard',
|
|
29
|
+
// 'standard' | 'featured'
|
|
30
|
+
title,
|
|
31
|
+
description,
|
|
32
|
+
children,
|
|
33
|
+
actionLabel,
|
|
34
|
+
onAction,
|
|
35
|
+
icon,
|
|
36
|
+
// String emoji or React node for featured header
|
|
37
|
+
headerColor,
|
|
38
|
+
// Override header bg color (featured variant)
|
|
39
|
+
style,
|
|
40
|
+
// New standardized props
|
|
41
|
+
size,
|
|
42
|
+
colorScheme,
|
|
43
|
+
blur,
|
|
44
|
+
radius
|
|
45
|
+
}) {
|
|
46
|
+
const theme = (0, _useTheme.default)();
|
|
47
|
+
const sizeConfig = (0, _resolvers.resolveSize)(theme, size || theme.defaults.size);
|
|
48
|
+
const compat = (0, _resolvers.resolveBackwardCompat)({
|
|
49
|
+
colorScheme,
|
|
50
|
+
blur
|
|
51
|
+
});
|
|
52
|
+
const resolvedScheme = compat.colorScheme || theme.defaults.colorScheme;
|
|
53
|
+
const colorConfig = (0, _resolvers.resolveColorScheme)(theme, resolvedScheme);
|
|
54
|
+
const resolvedRadius = (0, _resolvers.resolveRadius)(theme, radius || 'lg');
|
|
55
|
+
if (variant === 'featured') {
|
|
56
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluentGlass.default, {
|
|
57
|
+
style: [styles.container, style],
|
|
58
|
+
colorScheme: resolvedScheme,
|
|
59
|
+
blur: compat.blur || 'subtle',
|
|
60
|
+
radius: radius,
|
|
61
|
+
borderRadius: resolvedRadius,
|
|
62
|
+
borderOpacity: 0.2,
|
|
63
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
64
|
+
style: styles.inner,
|
|
65
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
66
|
+
style: [styles.featuredHeader, headerColor ? {
|
|
67
|
+
backgroundColor: headerColor
|
|
68
|
+
} : {
|
|
69
|
+
backgroundColor: `${colorConfig.solid}40`
|
|
70
|
+
}, {
|
|
71
|
+
borderTopLeftRadius: resolvedRadius - 1,
|
|
72
|
+
borderTopRightRadius: resolvedRadius - 1
|
|
73
|
+
}]
|
|
74
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
75
|
+
style: [styles.body, {
|
|
76
|
+
padding: sizeConfig.paddingHorizontal
|
|
77
|
+
}],
|
|
78
|
+
children: [icon || title ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
79
|
+
style: styles.titleRow,
|
|
80
|
+
children: [icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
81
|
+
style: [styles.icon, {
|
|
82
|
+
fontSize: sizeConfig.fontSize + 2
|
|
83
|
+
}],
|
|
84
|
+
children: icon
|
|
85
|
+
}) : null, title ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
86
|
+
style: [styles.title, {
|
|
87
|
+
color: theme.colors.textPrimary,
|
|
88
|
+
fontSize: sizeConfig.fontSize + 2,
|
|
89
|
+
fontFamily: theme.typography.bold
|
|
90
|
+
}],
|
|
91
|
+
children: title
|
|
92
|
+
}) : null]
|
|
93
|
+
}) : null, description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
94
|
+
style: [styles.description, {
|
|
95
|
+
color: theme.colors.textSecondary,
|
|
96
|
+
fontSize: sizeConfig.fontSize - 1,
|
|
97
|
+
fontFamily: theme.typography.regular
|
|
98
|
+
}],
|
|
99
|
+
children: description
|
|
100
|
+
}) : null, children ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
101
|
+
style: [styles.content, {
|
|
102
|
+
marginTop: (sizeConfig.gap || 0) * 2
|
|
103
|
+
}],
|
|
104
|
+
children: children
|
|
105
|
+
}) : null, actionLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluentGlassButton.default, {
|
|
106
|
+
title: actionLabel,
|
|
107
|
+
onPress: onAction,
|
|
108
|
+
style: styles.actionBtn,
|
|
109
|
+
size: size,
|
|
110
|
+
colorScheme: resolvedScheme === 'default' ? 'info' : resolvedScheme
|
|
111
|
+
}) : null]
|
|
112
|
+
})]
|
|
113
|
+
})
|
|
114
|
+
});
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
// Standard variant
|
|
118
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluentGlass.default, {
|
|
119
|
+
style: [styles.container, style],
|
|
120
|
+
colorScheme: resolvedScheme,
|
|
121
|
+
blur: compat.blur || 'subtle',
|
|
122
|
+
radius: radius,
|
|
123
|
+
borderRadius: resolvedRadius,
|
|
124
|
+
borderOpacity: 0.2,
|
|
125
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
126
|
+
style: [styles.inner, styles.body, {
|
|
127
|
+
padding: sizeConfig.paddingHorizontal
|
|
128
|
+
}],
|
|
129
|
+
children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
130
|
+
style: [styles.title, {
|
|
131
|
+
color: theme.colors.textPrimary,
|
|
132
|
+
fontSize: sizeConfig.fontSize + 2,
|
|
133
|
+
fontFamily: theme.typography.bold
|
|
134
|
+
}],
|
|
135
|
+
children: title
|
|
136
|
+
}) : null, description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
137
|
+
style: [styles.description, {
|
|
138
|
+
color: theme.colors.textSecondary,
|
|
139
|
+
fontSize: sizeConfig.fontSize - 1,
|
|
140
|
+
fontFamily: theme.typography.regular
|
|
141
|
+
}],
|
|
142
|
+
children: description
|
|
143
|
+
}) : null, children ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
144
|
+
style: [styles.content, {
|
|
145
|
+
marginTop: (sizeConfig.gap || 0) * 2
|
|
146
|
+
}],
|
|
147
|
+
children: children
|
|
148
|
+
}) : null, actionLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluentGlassButton.default, {
|
|
149
|
+
title: actionLabel,
|
|
150
|
+
onPress: onAction,
|
|
151
|
+
variant: "secondary",
|
|
152
|
+
style: styles.actionBtn,
|
|
153
|
+
size: size
|
|
154
|
+
}) : null]
|
|
155
|
+
})
|
|
156
|
+
});
|
|
157
|
+
}
|
|
158
|
+
const styles = _reactNative.StyleSheet.create({
|
|
159
|
+
container: {
|
|
160
|
+
minHeight: 80
|
|
161
|
+
},
|
|
162
|
+
inner: {
|
|
163
|
+
flex: 1
|
|
164
|
+
},
|
|
165
|
+
featuredHeader: {
|
|
166
|
+
height: 100
|
|
167
|
+
},
|
|
168
|
+
body: {
|
|
169
|
+
padding: 16
|
|
170
|
+
},
|
|
171
|
+
titleRow: {
|
|
172
|
+
flexDirection: 'row',
|
|
173
|
+
alignItems: 'center',
|
|
174
|
+
marginBottom: 6
|
|
175
|
+
},
|
|
176
|
+
icon: {
|
|
177
|
+
marginRight: 8
|
|
178
|
+
},
|
|
179
|
+
title: {
|
|
180
|
+
fontWeight: '700'
|
|
181
|
+
},
|
|
182
|
+
description: {
|
|
183
|
+
fontWeight: '400',
|
|
184
|
+
marginTop: 4,
|
|
185
|
+
lineHeight: 20
|
|
186
|
+
},
|
|
187
|
+
content: {
|
|
188
|
+
marginTop: 12
|
|
189
|
+
},
|
|
190
|
+
actionBtn: {
|
|
191
|
+
marginTop: 16,
|
|
192
|
+
alignSelf: 'flex-start'
|
|
193
|
+
}
|
|
194
|
+
});
|
|
195
|
+
//# sourceMappingURL=FluentGlassCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_FluentGlass","_FluentGlassButton","_useTheme","_resolvers","_jsxRuntime","e","__esModule","default","FluentGlassCard","variant","title","description","children","actionLabel","onAction","icon","headerColor","style","size","colorScheme","blur","radius","theme","useTheme","sizeConfig","resolveSize","defaults","compat","resolveBackwardCompat","resolvedScheme","colorConfig","resolveColorScheme","resolvedRadius","resolveRadius","jsx","styles","container","borderRadius","borderOpacity","jsxs","View","inner","featuredHeader","backgroundColor","solid","borderTopLeftRadius","borderTopRightRadius","body","padding","paddingHorizontal","titleRow","Text","fontSize","color","colors","textPrimary","fontFamily","typography","bold","textSecondary","regular","content","marginTop","gap","onPress","actionBtn","StyleSheet","create","minHeight","flex","height","flexDirection","alignItems","marginBottom","marginRight","fontWeight","lineHeight","alignSelf"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassCard.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = FluentGlassCheckbox;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
|
+
var _useTheme = _interopRequireDefault(require("../theme/useTheme"));
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
14
|
+
const CHECK_SPRING = {
|
|
15
|
+
mass: 0.4,
|
|
16
|
+
damping: 10,
|
|
17
|
+
stiffness: 200
|
|
18
|
+
};
|
|
19
|
+
function FluentGlassCheckbox({
|
|
20
|
+
checked = false,
|
|
21
|
+
onToggle,
|
|
22
|
+
label,
|
|
23
|
+
disabled = false,
|
|
24
|
+
size = 24,
|
|
25
|
+
style,
|
|
26
|
+
accessibilityLabel
|
|
27
|
+
}) {
|
|
28
|
+
const theme = (0, _useTheme.default)();
|
|
29
|
+
const COLORS = theme.colors;
|
|
30
|
+
const typography = theme.typography;
|
|
31
|
+
const progress = (0, _reactNativeReanimated.useSharedValue)(checked ? 1 : 0);
|
|
32
|
+
(0, _react.useEffect)(() => {
|
|
33
|
+
progress.value = (0, _reactNativeReanimated.withSpring)(checked ? 1 : 0, CHECK_SPRING);
|
|
34
|
+
}, [checked]);
|
|
35
|
+
|
|
36
|
+
// Circle background animates from transparent glass to accent
|
|
37
|
+
const circleStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
38
|
+
const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [COLORS.border, COLORS.accent]);
|
|
39
|
+
const borderColor = (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [COLORS.textSecondary, COLORS.accent]);
|
|
40
|
+
return {
|
|
41
|
+
backgroundColor,
|
|
42
|
+
borderColor,
|
|
43
|
+
transform: [{
|
|
44
|
+
scale: 0.9 + progress.value * 0.1
|
|
45
|
+
}] // subtle pop
|
|
46
|
+
};
|
|
47
|
+
});
|
|
48
|
+
|
|
49
|
+
// Checkmark scales in/out
|
|
50
|
+
const checkStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
51
|
+
opacity: progress.value,
|
|
52
|
+
transform: [{
|
|
53
|
+
scale: progress.value
|
|
54
|
+
}]
|
|
55
|
+
}));
|
|
56
|
+
const handlePress = () => {
|
|
57
|
+
if (!disabled && onToggle) {
|
|
58
|
+
onToggle(!checked);
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
const checkSize = size * 0.5; // Checkmark relative to circle
|
|
62
|
+
|
|
63
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
|
|
64
|
+
onPress: handlePress,
|
|
65
|
+
style: [styles.wrapper, disabled && styles.wrapperDisabled, style],
|
|
66
|
+
hitSlop: 6,
|
|
67
|
+
accessibilityRole: "checkbox",
|
|
68
|
+
accessibilityLabel: accessibilityLabel ?? label,
|
|
69
|
+
accessibilityState: {
|
|
70
|
+
checked: !!checked,
|
|
71
|
+
disabled: !!disabled
|
|
72
|
+
},
|
|
73
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
74
|
+
style: [styles.circle, {
|
|
75
|
+
width: size,
|
|
76
|
+
height: size,
|
|
77
|
+
borderRadius: size / 2
|
|
78
|
+
}, circleStyle],
|
|
79
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.Text, {
|
|
80
|
+
style: [styles.check, {
|
|
81
|
+
fontSize: checkSize,
|
|
82
|
+
color: COLORS.white,
|
|
83
|
+
fontFamily: typography.bold
|
|
84
|
+
}, checkStyle],
|
|
85
|
+
children: "\u2713"
|
|
86
|
+
})
|
|
87
|
+
}), label ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
88
|
+
style: [styles.label, {
|
|
89
|
+
color: COLORS.textPrimary,
|
|
90
|
+
fontFamily: typography.medium
|
|
91
|
+
}, disabled && {
|
|
92
|
+
color: COLORS.textSecondary
|
|
93
|
+
}],
|
|
94
|
+
children: label
|
|
95
|
+
}) : null]
|
|
96
|
+
});
|
|
97
|
+
}
|
|
98
|
+
const styles = _reactNative.StyleSheet.create({
|
|
99
|
+
wrapper: {
|
|
100
|
+
flexDirection: 'row',
|
|
101
|
+
alignItems: 'center'
|
|
102
|
+
},
|
|
103
|
+
wrapperDisabled: {
|
|
104
|
+
opacity: 0.4
|
|
105
|
+
},
|
|
106
|
+
circle: {
|
|
107
|
+
borderWidth: 1.5,
|
|
108
|
+
alignItems: 'center',
|
|
109
|
+
justifyContent: 'center'
|
|
110
|
+
},
|
|
111
|
+
check: {
|
|
112
|
+
fontWeight: '700',
|
|
113
|
+
marginTop: -1 // Optical alignment
|
|
114
|
+
},
|
|
115
|
+
label: {
|
|
116
|
+
fontSize: 15,
|
|
117
|
+
fontWeight: '500',
|
|
118
|
+
marginLeft: 12
|
|
119
|
+
}
|
|
120
|
+
});
|
|
121
|
+
//# sourceMappingURL=FluentGlassCheckbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_useTheme","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CHECK_SPRING","mass","damping","stiffness","FluentGlassCheckbox","checked","onToggle","label","disabled","size","style","accessibilityLabel","theme","useTheme","COLORS","colors","typography","progress","useSharedValue","useEffect","value","withSpring","circleStyle","useAnimatedStyle","backgroundColor","interpolateColor","border","accent","borderColor","textSecondary","transform","scale","checkStyle","opacity","handlePress","checkSize","jsxs","Pressable","onPress","styles","wrapper","wrapperDisabled","hitSlop","accessibilityRole","accessibilityState","children","jsx","View","circle","width","height","borderRadius","Text","check","fontSize","color","white","fontFamily","bold","textPrimary","medium","StyleSheet","create","flexDirection","alignItems","borderWidth","justifyContent","fontWeight","marginTop","marginLeft"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassCheckbox.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAH,uBAAA,CAAAC,OAAA;AAMA,IAAAG,SAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAAyC,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAI,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAX,uBAAA,YAAAA,CAAAO,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAWzC,MAAMgB,YAAY,GAAG;EACjBC,IAAI,EAAE,GAAG;EACTC,OAAO,EAAE,EAAE;EACXC,SAAS,EAAE;AACf,CAAC;AAEc,SAASC,mBAAmBA,CAAC;EAAEC,OAAO,GAAG,KAAK;EACzDC,QAAQ;EACRC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC,IAAI,GAAG,EAAE;EACTC,KAAK;EACLC;AAAgF,CAAC,EAAE;EACnF,MAAMC,KAAK,GAAG,IAAAC,iBAAQ,EAAC,CAAC;EACxB,MAAMC,MAAM,GAAGF,KAAK,CAACG,MAAM;EAC3B,MAAMC,UAAU,GAAGJ,KAAK,CAACI,UAAU;EAEnC,MAAMC,QAAQ,GAAG,IAAAC,qCAAc,EAACb,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC;EAEhD,IAAAc,gBAAS,EAAC,MAAM;IACZF,QAAQ,CAACG,KAAK,GAAG,IAAAC,iCAAU,EAAChB,OAAO,GAAG,CAAC,GAAG,CAAC,EAAEL,YAAY,CAAC;EAC9D,CAAC,EAAE,CAACK,OAAO,CAAC,CAAC;;EAEb;EACA,MAAMiB,WAAW,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IACvC,MAAMC,eAAe,GAAG,IAAAC,uCAAgB,EACpCR,QAAQ,CAACG,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACN,MAAM,CAACY,MAAM,EAAEZ,MAAM,CAACa,MAAM,CACjC,CAAC;IACD,MAAMC,WAAW,GAAG,IAAAH,uCAAgB,EAChCR,QAAQ,CAACG,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACN,MAAM,CAACe,aAAa,EAAEf,MAAM,CAACa,MAAM,CACxC,CAAC;IACD,OAAO;MACHH,eAAe;MACfI,WAAW;MACXE,SAAS,EAAE,CAAC;QAAEC,KAAK,EAAE,GAAG,GAAId,QAAQ,CAACG,KAAK,GAAG;MAAK,CAAC,CAAC,CAAE;IAC1D,CAAC;EACL,CAAC,CAAC;;EAEF;EACA,MAAMY,UAAU,GAAG,IAAAT,uCAAgB,EAAC,OAAO;IACvCU,OAAO,EAAEhB,QAAQ,CAACG,KAAK;IACvBU,SAAS,EAAE,CAAC;MAAEC,KAAK,EAAEd,QAAQ,CAACG;IAAM,CAAC;EACzC,CAAC,CAAC,CAAC;EAEH,MAAMc,WAAW,GAAGA,CAAA,KAAM;IACtB,IAAI,CAAC1B,QAAQ,IAAIF,QAAQ,EAAE;MACvBA,QAAQ,CAAC,CAACD,OAAO,CAAC;IACtB;EACJ,CAAC;EAED,MAAM8B,SAAS,GAAG1B,IAAI,GAAG,GAAG,CAAC,CAAC;;EAE9B,oBACI,IAAA7B,WAAA,CAAAwD,IAAA,EAAC5D,YAAA,CAAA6D,SAAS;IACNC,OAAO,EAAEJ,WAAY;IACrBxB,KAAK,EAAE,CAAC6B,MAAM,CAACC,OAAO,EAAEhC,QAAQ,IAAI+B,MAAM,CAACE,eAAe,EAAE/B,KAAK,CAAE;IACnEgC,OAAO,EAAE,CAAE;IACXC,iBAAiB,EAAC,UAAU;IAC5BhC,kBAAkB,EAAEA,kBAAkB,IAAIJ,KAAM;IAChDqC,kBAAkB,EAAE;MAAEvC,OAAO,EAAE,CAAC,CAACA,OAAO;MAAEG,QAAQ,EAAE,CAAC,CAACA;IAAS,CAAE;IAAAqC,QAAA,gBAGjE,IAAAjE,WAAA,CAAAkE,GAAA,EAACrE,sBAAA,CAAAM,OAAQ,CAACgE,IAAI;MACVrC,KAAK,EAAE,CACH6B,MAAM,CAACS,MAAM,EACb;QAAEC,KAAK,EAAExC,IAAI;QAAEyC,MAAM,EAAEzC,IAAI;QAAE0C,YAAY,EAAE1C,IAAI,GAAG;MAAE,CAAC,EACrDa,WAAW,CACb;MAAAuB,QAAA,eAGF,IAAAjE,WAAA,CAAAkE,GAAA,EAACrE,sBAAA,CAAAM,OAAQ,CAACqE,IAAI;QACV1C,KAAK,EAAE,CACH6B,MAAM,CAACc,KAAK,EACZ;UAAEC,QAAQ,EAAEnB,SAAS;UAAEoB,KAAK,EAAEzC,MAAM,CAAC0C,KAAK;UAAEC,UAAU,EAAEzC,UAAU,CAAC0C;QAAK,CAAC,EACzE1B,UAAU,CACZ;QAAAa,QAAA,EACL;MAED,CAAe;IAAC,CACL,CAAC,EAGftC,KAAK,gBACF,IAAA3B,WAAA,CAAAkE,GAAA,EAACtE,YAAA,CAAA4E,IAAI;MAAC1C,KAAK,EAAE,CAAC6B,MAAM,CAAChC,KAAK,EAAE;QAAEgD,KAAK,EAAEzC,MAAM,CAAC6C,WAAW;QAAEF,UAAU,EAAEzC,UAAU,CAAC4C;MAAO,CAAC,EAAEpD,QAAQ,IAAI;QAAE+C,KAAK,EAAEzC,MAAM,CAACe;MAAc,CAAC,CAAE;MAAAgB,QAAA,EAClItC;IAAK,CACJ,CAAC,GACP,IAAI;EAAA,CACD,CAAC;AAEpB;AAEA,MAAMgC,MAAM,GAAGsB,uBAAU,CAACC,MAAM,CAAC;EAC7BtB,OAAO,EAAE;IACLuB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EAChB,CAAC;EACDvB,eAAe,EAAE;IACbR,OAAO,EAAE;EACb,CAAC;EACDe,MAAM,EAAE;IACJiB,WAAW,EAAE,GAAG;IAChBD,UAAU,EAAE,QAAQ;IACpBE,cAAc,EAAE;EACpB,CAAC;EACDb,KAAK,EAAE;IACHc,UAAU,EAAE,KAAK;IACjBC,SAAS,EAAE,CAAC,CAAC,CAAE;EACnB,CAAC;EACD7D,KAAK,EAAE;IACH+C,QAAQ,EAAE,EAAE;IACZa,UAAU,EAAE,KAAK;IACjBE,UAAU,EAAE;EAChB;AACJ,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = FluentGlassClockWidget;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _FluentGlass = _interopRequireDefault(require("./FluentGlass"));
|
|
10
|
+
var _useTheme = _interopRequireDefault(require("../theme/useTheme"));
|
|
11
|
+
var _responsive = require("../utils/responsive");
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
15
|
+
/**
|
|
16
|
+
* FluentGlassClockWidget (Atom/Molecule)
|
|
17
|
+
* Dashboard widget displaying current time.
|
|
18
|
+
*/
|
|
19
|
+
function FluentGlassClockWidget({
|
|
20
|
+
style
|
|
21
|
+
}) {
|
|
22
|
+
const theme = (0, _useTheme.default)();
|
|
23
|
+
const COLORS = theme.colors;
|
|
24
|
+
const typography = theme.typography;
|
|
25
|
+
const [time, setTime] = (0, _react.useState)(new Date());
|
|
26
|
+
(0, _react.useEffect)(() => {
|
|
27
|
+
const timer = setInterval(() => setTime(new Date()), 60000);
|
|
28
|
+
return () => clearInterval(timer);
|
|
29
|
+
}, []);
|
|
30
|
+
const timeString = time.toLocaleTimeString([], {
|
|
31
|
+
hour: '2-digit',
|
|
32
|
+
minute: '2-digit'
|
|
33
|
+
});
|
|
34
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluentGlass.default, {
|
|
35
|
+
accessible: true,
|
|
36
|
+
accessibilityLabel: `Time: ${timeString}`,
|
|
37
|
+
style: [styles.card, style],
|
|
38
|
+
intensity: 25,
|
|
39
|
+
borderRadius: 20,
|
|
40
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
41
|
+
style: styles.content,
|
|
42
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
43
|
+
style: [styles.label, {
|
|
44
|
+
color: COLORS.textSecondary,
|
|
45
|
+
fontFamily: typography.medium
|
|
46
|
+
}],
|
|
47
|
+
children: "TIME"
|
|
48
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
49
|
+
style: [styles.bigValue, {
|
|
50
|
+
color: COLORS.textPrimary,
|
|
51
|
+
fontFamily: typography.regular
|
|
52
|
+
}],
|
|
53
|
+
children: timeString
|
|
54
|
+
})]
|
|
55
|
+
})
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
const styles = _reactNative.StyleSheet.create({
|
|
59
|
+
card: {
|
|
60
|
+
flex: 1,
|
|
61
|
+
minWidth: 100,
|
|
62
|
+
maxWidth: 140,
|
|
63
|
+
aspectRatio: 1
|
|
64
|
+
},
|
|
65
|
+
content: {
|
|
66
|
+
flex: 1,
|
|
67
|
+
justifyContent: 'center',
|
|
68
|
+
alignItems: 'center'
|
|
69
|
+
},
|
|
70
|
+
label: {
|
|
71
|
+
fontSize: 12,
|
|
72
|
+
textTransform: 'uppercase',
|
|
73
|
+
marginBottom: 4
|
|
74
|
+
},
|
|
75
|
+
bigValue: {
|
|
76
|
+
fontSize: (0, _responsive.moderateScale)(28),
|
|
77
|
+
fontWeight: '300'
|
|
78
|
+
}
|
|
79
|
+
});
|
|
80
|
+
//# sourceMappingURL=FluentGlassClockWidget.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_FluentGlass","_interopRequireDefault","_useTheme","_responsive","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FluentGlassClockWidget","style","theme","useTheme","COLORS","colors","typography","time","setTime","useState","Date","useEffect","timer","setInterval","clearInterval","timeString","toLocaleTimeString","hour","minute","jsx","accessible","accessibilityLabel","styles","card","intensity","borderRadius","children","jsxs","View","content","Text","label","color","textSecondary","fontFamily","medium","bigValue","textPrimary","regular","StyleSheet","create","flex","minWidth","maxWidth","aspectRatio","justifyContent","alignItems","fontSize","textTransform","marginBottom","moderateScale","fontWeight"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassClockWidget.tsx"],"mappings":"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","ignoreList":[]}
|