@ezpg/app-ui 0.0.0-stage → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/LICENSE +20 -0
- package/lib/module/blocks/brand-profile-card/brand-profile-card.js +90 -0
- package/lib/module/blocks/brand-profile-card/brand-profile-card.js.map +1 -0
- package/lib/module/blocks/brand-profile-card/index.js +4 -0
- package/lib/module/blocks/brand-profile-card/index.js.map +1 -0
- package/lib/module/blocks/claim-row/claim-row.js +107 -0
- package/lib/module/blocks/claim-row/claim-row.js.map +1 -0
- package/lib/module/blocks/claim-row/index.js +4 -0
- package/lib/module/blocks/claim-row/index.js.map +1 -0
- package/lib/module/blocks/color-swatch-picker/color-swatch-picker.js +124 -0
- package/lib/module/blocks/color-swatch-picker/color-swatch-picker.js.map +1 -0
- package/lib/module/blocks/color-swatch-picker/index.js +4 -0
- package/lib/module/blocks/color-swatch-picker/index.js.map +1 -0
- package/lib/module/blocks/copy-variant-picker/copy-variant-picker.js +142 -0
- package/lib/module/blocks/copy-variant-picker/copy-variant-picker.js.map +1 -0
- package/lib/module/blocks/copy-variant-picker/index.js +4 -0
- package/lib/module/blocks/copy-variant-picker/index.js.map +1 -0
- package/lib/module/blocks/credit-wallet/credit-wallet.js +123 -0
- package/lib/module/blocks/credit-wallet/credit-wallet.js.map +1 -0
- package/lib/module/blocks/credit-wallet/index.js +4 -0
- package/lib/module/blocks/credit-wallet/index.js.map +1 -0
- package/lib/module/blocks/image-grid/image-grid.js +273 -0
- package/lib/module/blocks/image-grid/image-grid.js.map +1 -0
- package/lib/module/blocks/image-grid/index.js +4 -0
- package/lib/module/blocks/image-grid/index.js.map +1 -0
- package/lib/module/blocks/index.js +22 -0
- package/lib/module/blocks/index.js.map +1 -0
- package/lib/module/blocks/internal/card.js +41 -0
- package/lib/module/blocks/internal/card.js.map +1 -0
- package/lib/module/blocks/internal/format.js +25 -0
- package/lib/module/blocks/internal/format.js.map +1 -0
- package/lib/module/blocks/invoice-row/index.js +4 -0
- package/lib/module/blocks/invoice-row/index.js.map +1 -0
- package/lib/module/blocks/invoice-row/invoice-row.js +101 -0
- package/lib/module/blocks/invoice-row/invoice-row.js.map +1 -0
- package/lib/module/blocks/logo-candidate-grid/index.js +4 -0
- package/lib/module/blocks/logo-candidate-grid/index.js.map +1 -0
- package/lib/module/blocks/logo-candidate-grid/logo-candidate-grid.js +117 -0
- package/lib/module/blocks/logo-candidate-grid/logo-candidate-grid.js.map +1 -0
- package/lib/module/blocks/oauth-buttons/index.js +4 -0
- package/lib/module/blocks/oauth-buttons/index.js.map +1 -0
- package/lib/module/blocks/oauth-buttons/oauth-buttons.js +102 -0
- package/lib/module/blocks/oauth-buttons/oauth-buttons.js.map +1 -0
- package/lib/module/blocks/option-editor/index.js +4 -0
- package/lib/module/blocks/option-editor/index.js.map +1 -0
- package/lib/module/blocks/option-editor/option-editor.js +133 -0
- package/lib/module/blocks/option-editor/option-editor.js.map +1 -0
- package/lib/module/blocks/order-card/index.js +4 -0
- package/lib/module/blocks/order-card/index.js.map +1 -0
- package/lib/module/blocks/order-card/order-card.js +156 -0
- package/lib/module/blocks/order-card/order-card.js.map +1 -0
- package/lib/module/blocks/plan-card/index.js +4 -0
- package/lib/module/blocks/plan-card/index.js.map +1 -0
- package/lib/module/blocks/plan-card/plan-card.js +134 -0
- package/lib/module/blocks/plan-card/plan-card.js.map +1 -0
- package/lib/module/blocks/product-list-empty/index.js +4 -0
- package/lib/module/blocks/product-list-empty/index.js.map +1 -0
- package/lib/module/blocks/product-list-empty/product-list-empty.js +155 -0
- package/lib/module/blocks/product-list-empty/product-list-empty.js.map +1 -0
- package/lib/module/blocks/review-row/index.js +4 -0
- package/lib/module/blocks/review-row/index.js.map +1 -0
- package/lib/module/blocks/review-row/review-row.js +284 -0
- package/lib/module/blocks/review-row/review-row.js.map +1 -0
- package/lib/module/blocks/sales-chart/index.js +4 -0
- package/lib/module/blocks/sales-chart/index.js.map +1 -0
- package/lib/module/blocks/sales-chart/sales-chart.js +126 -0
- package/lib/module/blocks/sales-chart/sales-chart.js.map +1 -0
- package/lib/module/blocks/service-state-banner/index.js +4 -0
- package/lib/module/blocks/service-state-banner/index.js.map +1 -0
- package/lib/module/blocks/service-state-banner/service-state-banner.js +64 -0
- package/lib/module/blocks/service-state-banner/service-state-banner.js.map +1 -0
- package/lib/module/blocks/shipping-tracking-row/index.js +4 -0
- package/lib/module/blocks/shipping-tracking-row/index.js.map +1 -0
- package/lib/module/blocks/shipping-tracking-row/shipping-tracking-row.js +116 -0
- package/lib/module/blocks/shipping-tracking-row/shipping-tracking-row.js.map +1 -0
- package/lib/module/blocks/site-preview-frame/index.js +4 -0
- package/lib/module/blocks/site-preview-frame/index.js.map +1 -0
- package/lib/module/blocks/site-preview-frame/site-preview-frame.js +111 -0
- package/lib/module/blocks/site-preview-frame/site-preview-frame.js.map +1 -0
- package/lib/module/blocks/stat-card/index.js +4 -0
- package/lib/module/blocks/stat-card/index.js.map +1 -0
- package/lib/module/blocks/stat-card/stat-card.js +71 -0
- package/lib/module/blocks/stat-card/stat-card.js.map +1 -0
- package/lib/module/blocks/step-screen/index.js +4 -0
- package/lib/module/blocks/step-screen/index.js.map +1 -0
- package/lib/module/blocks/step-screen/step-screen.js +134 -0
- package/lib/module/blocks/step-screen/step-screen.js.map +1 -0
- package/lib/module/blocks/supply-item-card/index.js +4 -0
- package/lib/module/blocks/supply-item-card/index.js.map +1 -0
- package/lib/module/blocks/supply-item-card/supply-item-card.js +151 -0
- package/lib/module/blocks/supply-item-card/supply-item-card.js.map +1 -0
- package/lib/module/charts/index.js +5 -0
- package/lib/module/charts/index.js.map +1 -0
- package/lib/module/charts/line-chart.js +115 -0
- package/lib/module/charts/line-chart.js.map +1 -0
- package/lib/module/charts/scale.js +45 -0
- package/lib/module/charts/scale.js.map +1 -0
- package/lib/module/charts/sparkline.js +50 -0
- package/lib/module/charts/sparkline.js.map +1 -0
- package/lib/module/charts/summary.js +11 -0
- package/lib/module/charts/summary.js.map +1 -0
- package/lib/module/charts.js +5 -0
- package/lib/module/charts.js.map +1 -0
- package/lib/module/components/button/button.js +122 -0
- package/lib/module/components/button/button.js.map +1 -0
- package/lib/module/components/button/index.js +4 -0
- package/lib/module/components/button/index.js.map +1 -0
- package/lib/module/components/checkbox/checkbox.js +72 -0
- package/lib/module/components/checkbox/checkbox.js.map +1 -0
- package/lib/module/components/checkbox/index.js +4 -0
- package/lib/module/components/checkbox/index.js.map +1 -0
- package/lib/module/components/chip/chip.js +68 -0
- package/lib/module/components/chip/chip.js.map +1 -0
- package/lib/module/components/chip/index.js +4 -0
- package/lib/module/components/chip/index.js.map +1 -0
- package/lib/module/components/chip-group/chip-group.js +55 -0
- package/lib/module/components/chip-group/chip-group.js.map +1 -0
- package/lib/module/components/chip-group/index.js +4 -0
- package/lib/module/components/chip-group/index.js.map +1 -0
- package/lib/module/components/dialog/dialog.js +118 -0
- package/lib/module/components/dialog/dialog.js.map +1 -0
- package/lib/module/components/dialog/index.js +4 -0
- package/lib/module/components/dialog/index.js.map +1 -0
- package/lib/module/components/divider/divider.js +21 -0
- package/lib/module/components/divider/divider.js.map +1 -0
- package/lib/module/components/divider/index.js +4 -0
- package/lib/module/components/divider/index.js.map +1 -0
- package/lib/module/components/empty-state/empty-state.js +126 -0
- package/lib/module/components/empty-state/empty-state.js.map +1 -0
- package/lib/module/components/empty-state/index.js +4 -0
- package/lib/module/components/empty-state/index.js.map +1 -0
- package/lib/module/components/field/field.js +123 -0
- package/lib/module/components/field/field.js.map +1 -0
- package/lib/module/components/field/index.js +4 -0
- package/lib/module/components/field/index.js.map +1 -0
- package/lib/module/components/list-row/index.js +4 -0
- package/lib/module/components/list-row/index.js.map +1 -0
- package/lib/module/components/list-row/list-row.js +97 -0
- package/lib/module/components/list-row/list-row.js.map +1 -0
- package/lib/module/components/photo/index.js +4 -0
- package/lib/module/components/photo/index.js.map +1 -0
- package/lib/module/components/photo/photo.js +68 -0
- package/lib/module/components/photo/photo.js.map +1 -0
- package/lib/module/components/price/index.js +4 -0
- package/lib/module/components/price/index.js.map +1 -0
- package/lib/module/components/price/price.js +72 -0
- package/lib/module/components/price/price.js.map +1 -0
- package/lib/module/components/search-field/index.js +4 -0
- package/lib/module/components/search-field/index.js.map +1 -0
- package/lib/module/components/search-field/search-field.js +35 -0
- package/lib/module/components/search-field/search-field.js.map +1 -0
- package/lib/module/components/segmented-tabs/index.js +4 -0
- package/lib/module/components/segmented-tabs/index.js.map +1 -0
- package/lib/module/components/segmented-tabs/segmented-tabs.js +74 -0
- package/lib/module/components/segmented-tabs/segmented-tabs.js.map +1 -0
- package/lib/module/components/sheet/index.js +4 -0
- package/lib/module/components/sheet/index.js.map +1 -0
- package/lib/module/components/sheet/sheet.js +97 -0
- package/lib/module/components/sheet/sheet.js.map +1 -0
- package/lib/module/components/skeleton/index.js +4 -0
- package/lib/module/components/skeleton/index.js.map +1 -0
- package/lib/module/components/skeleton/skeleton.js +49 -0
- package/lib/module/components/skeleton/skeleton.js.map +1 -0
- package/lib/module/components/status-badge/index.js +4 -0
- package/lib/module/components/status-badge/index.js.map +1 -0
- package/lib/module/components/status-badge/status-badge.js +48 -0
- package/lib/module/components/status-badge/status-badge.js.map +1 -0
- package/lib/module/components/switch/index.js +4 -0
- package/lib/module/components/switch/index.js.map +1 -0
- package/lib/module/components/switch/switch.js +26 -0
- package/lib/module/components/switch/switch.js.map +1 -0
- package/lib/module/components/text/index.js +4 -0
- package/lib/module/components/text/index.js.map +1 -0
- package/lib/module/components/text/text.js +56 -0
- package/lib/module/components/text/text.js.map +1 -0
- package/lib/module/components/toast/index.js +4 -0
- package/lib/module/components/toast/index.js.map +1 -0
- package/lib/module/components/toast/toast.js +203 -0
- package/lib/module/components/toast/toast.js.map +1 -0
- package/lib/module/components/wizard-steps/index.js +4 -0
- package/lib/module/components/wizard-steps/index.js.map +1 -0
- package/lib/module/components/wizard-steps/wizard-steps.js +69 -0
- package/lib/module/components/wizard-steps/wizard-steps.js.map +1 -0
- package/lib/module/index.js +31 -0
- package/lib/module/index.js.map +1 -0
- package/lib/module/internal/glyphs.js +200 -0
- package/lib/module/internal/glyphs.js.map +1 -0
- package/lib/module/internal/icon.js +8 -0
- package/lib/module/internal/icon.js.map +1 -0
- package/lib/module/internal/overlay.js +60 -0
- package/lib/module/internal/overlay.js.map +1 -0
- package/lib/module/internal/pressable-base.js +40 -0
- package/lib/module/internal/pressable-base.js.map +1 -0
- package/lib/module/internal/use-reduced-motion.js +31 -0
- package/lib/module/internal/use-reduced-motion.js.map +1 -0
- package/lib/module/package.json +1 -0
- package/lib/module/sortable/index.js +6 -0
- package/lib/module/sortable/index.js.map +1 -0
- package/lib/module/sortable/move.js +11 -0
- package/lib/module/sortable/move.js.map +1 -0
- package/lib/module/sortable/sortable-grid.js +86 -0
- package/lib/module/sortable/sortable-grid.js.map +1 -0
- package/lib/module/sortable/sortable-list.js +16 -0
- package/lib/module/sortable/sortable-list.js.map +1 -0
- package/lib/module/sortable.js +6 -0
- package/lib/module/sortable.js.map +1 -0
- package/lib/module/theme/create-theme.js +56 -0
- package/lib/module/theme/create-theme.js.map +1 -0
- package/lib/module/theme/theme-provider.js +26 -0
- package/lib/module/theme/theme-provider.js.map +1 -0
- package/lib/module/theme/tokens.js +123 -0
- package/lib/module/theme/tokens.js.map +1 -0
- package/lib/module/types/index.js +4 -0
- package/lib/module/types/index.js.map +1 -0
- package/lib/module/utils/color.js +30 -0
- package/lib/module/utils/color.js.map +1 -0
- package/lib/module/utils/styles.js +22 -0
- package/lib/module/utils/styles.js.map +1 -0
- package/lib/typescript/package.json +1 -0
- package/lib/typescript/src/blocks/brand-profile-card/brand-profile-card.d.ts +15 -0
- package/lib/typescript/src/blocks/brand-profile-card/brand-profile-card.d.ts.map +1 -0
- package/lib/typescript/src/blocks/brand-profile-card/index.d.ts +2 -0
- package/lib/typescript/src/blocks/brand-profile-card/index.d.ts.map +1 -0
- package/lib/typescript/src/blocks/claim-row/claim-row.d.ts +22 -0
- package/lib/typescript/src/blocks/claim-row/claim-row.d.ts.map +1 -0
- package/lib/typescript/src/blocks/claim-row/index.d.ts +2 -0
- package/lib/typescript/src/blocks/claim-row/index.d.ts.map +1 -0
- package/lib/typescript/src/blocks/color-swatch-picker/color-swatch-picker.d.ts +16 -0
- package/lib/typescript/src/blocks/color-swatch-picker/color-swatch-picker.d.ts.map +1 -0
- package/lib/typescript/src/blocks/color-swatch-picker/index.d.ts +2 -0
- package/lib/typescript/src/blocks/color-swatch-picker/index.d.ts.map +1 -0
- package/lib/typescript/src/blocks/copy-variant-picker/copy-variant-picker.d.ts +22 -0
- package/lib/typescript/src/blocks/copy-variant-picker/copy-variant-picker.d.ts.map +1 -0
- package/lib/typescript/src/blocks/copy-variant-picker/index.d.ts +2 -0
- package/lib/typescript/src/blocks/copy-variant-picker/index.d.ts.map +1 -0
- package/lib/typescript/src/blocks/credit-wallet/credit-wallet.d.ts +14 -0
- package/lib/typescript/src/blocks/credit-wallet/credit-wallet.d.ts.map +1 -0
- package/lib/typescript/src/blocks/credit-wallet/index.d.ts +2 -0
- package/lib/typescript/src/blocks/credit-wallet/index.d.ts.map +1 -0
- package/lib/typescript/src/blocks/image-grid/image-grid.d.ts +24 -0
- package/lib/typescript/src/blocks/image-grid/image-grid.d.ts.map +1 -0
- package/lib/typescript/src/blocks/image-grid/index.d.ts +2 -0
- package/lib/typescript/src/blocks/image-grid/index.d.ts.map +1 -0
- package/lib/typescript/src/blocks/index.d.ts +20 -0
- package/lib/typescript/src/blocks/index.d.ts.map +1 -0
- package/lib/typescript/src/blocks/internal/card.d.ts +10 -0
- package/lib/typescript/src/blocks/internal/card.d.ts.map +1 -0
- package/lib/typescript/src/blocks/internal/format.d.ts +7 -0
- package/lib/typescript/src/blocks/internal/format.d.ts.map +1 -0
- package/lib/typescript/src/blocks/invoice-row/index.d.ts +2 -0
- package/lib/typescript/src/blocks/invoice-row/index.d.ts.map +1 -0
- package/lib/typescript/src/blocks/invoice-row/invoice-row.d.ts +22 -0
- package/lib/typescript/src/blocks/invoice-row/invoice-row.d.ts.map +1 -0
- package/lib/typescript/src/blocks/logo-candidate-grid/index.d.ts +2 -0
- package/lib/typescript/src/blocks/logo-candidate-grid/index.d.ts.map +1 -0
- package/lib/typescript/src/blocks/logo-candidate-grid/logo-candidate-grid.d.ts +17 -0
- package/lib/typescript/src/blocks/logo-candidate-grid/logo-candidate-grid.d.ts.map +1 -0
- package/lib/typescript/src/blocks/oauth-buttons/index.d.ts +2 -0
- package/lib/typescript/src/blocks/oauth-buttons/index.d.ts.map +1 -0
- package/lib/typescript/src/blocks/oauth-buttons/oauth-buttons.d.ts +20 -0
- package/lib/typescript/src/blocks/oauth-buttons/oauth-buttons.d.ts.map +1 -0
- package/lib/typescript/src/blocks/option-editor/index.d.ts +2 -0
- package/lib/typescript/src/blocks/option-editor/index.d.ts.map +1 -0
- package/lib/typescript/src/blocks/option-editor/option-editor.d.ts +20 -0
- package/lib/typescript/src/blocks/option-editor/option-editor.d.ts.map +1 -0
- package/lib/typescript/src/blocks/order-card/index.d.ts +2 -0
- package/lib/typescript/src/blocks/order-card/index.d.ts.map +1 -0
- package/lib/typescript/src/blocks/order-card/order-card.d.ts +44 -0
- package/lib/typescript/src/blocks/order-card/order-card.d.ts.map +1 -0
- package/lib/typescript/src/blocks/plan-card/index.d.ts +2 -0
- package/lib/typescript/src/blocks/plan-card/index.d.ts.map +1 -0
- package/lib/typescript/src/blocks/plan-card/plan-card.d.ts +36 -0
- package/lib/typescript/src/blocks/plan-card/plan-card.d.ts.map +1 -0
- package/lib/typescript/src/blocks/product-list-empty/index.d.ts +2 -0
- package/lib/typescript/src/blocks/product-list-empty/index.d.ts.map +1 -0
- package/lib/typescript/src/blocks/product-list-empty/product-list-empty.d.ts +21 -0
- package/lib/typescript/src/blocks/product-list-empty/product-list-empty.d.ts.map +1 -0
- package/lib/typescript/src/blocks/review-row/index.d.ts +2 -0
- package/lib/typescript/src/blocks/review-row/index.d.ts.map +1 -0
- package/lib/typescript/src/blocks/review-row/review-row.d.ts +34 -0
- package/lib/typescript/src/blocks/review-row/review-row.d.ts.map +1 -0
- package/lib/typescript/src/blocks/sales-chart/index.d.ts +2 -0
- package/lib/typescript/src/blocks/sales-chart/index.d.ts.map +1 -0
- package/lib/typescript/src/blocks/sales-chart/sales-chart.d.ts +20 -0
- package/lib/typescript/src/blocks/sales-chart/sales-chart.d.ts.map +1 -0
- package/lib/typescript/src/blocks/service-state-banner/index.d.ts +2 -0
- package/lib/typescript/src/blocks/service-state-banner/index.d.ts.map +1 -0
- package/lib/typescript/src/blocks/service-state-banner/service-state-banner.d.ts +13 -0
- package/lib/typescript/src/blocks/service-state-banner/service-state-banner.d.ts.map +1 -0
- package/lib/typescript/src/blocks/shipping-tracking-row/index.d.ts +2 -0
- package/lib/typescript/src/blocks/shipping-tracking-row/index.d.ts.map +1 -0
- package/lib/typescript/src/blocks/shipping-tracking-row/shipping-tracking-row.d.ts +12 -0
- package/lib/typescript/src/blocks/shipping-tracking-row/shipping-tracking-row.d.ts.map +1 -0
- package/lib/typescript/src/blocks/site-preview-frame/index.d.ts +2 -0
- package/lib/typescript/src/blocks/site-preview-frame/index.d.ts.map +1 -0
- package/lib/typescript/src/blocks/site-preview-frame/site-preview-frame.d.ts +18 -0
- package/lib/typescript/src/blocks/site-preview-frame/site-preview-frame.d.ts.map +1 -0
- package/lib/typescript/src/blocks/stat-card/index.d.ts +2 -0
- package/lib/typescript/src/blocks/stat-card/index.d.ts.map +1 -0
- package/lib/typescript/src/blocks/stat-card/stat-card.d.ts +17 -0
- package/lib/typescript/src/blocks/stat-card/stat-card.d.ts.map +1 -0
- package/lib/typescript/src/blocks/step-screen/index.d.ts +2 -0
- package/lib/typescript/src/blocks/step-screen/index.d.ts.map +1 -0
- package/lib/typescript/src/blocks/step-screen/step-screen.d.ts +26 -0
- package/lib/typescript/src/blocks/step-screen/step-screen.d.ts.map +1 -0
- package/lib/typescript/src/blocks/supply-item-card/index.d.ts +2 -0
- package/lib/typescript/src/blocks/supply-item-card/index.d.ts.map +1 -0
- package/lib/typescript/src/blocks/supply-item-card/supply-item-card.d.ts +30 -0
- package/lib/typescript/src/blocks/supply-item-card/supply-item-card.d.ts.map +1 -0
- package/lib/typescript/src/charts/index.d.ts +3 -0
- package/lib/typescript/src/charts/index.d.ts.map +1 -0
- package/lib/typescript/src/charts/line-chart.d.ts +21 -0
- package/lib/typescript/src/charts/line-chart.d.ts.map +1 -0
- package/lib/typescript/src/charts/scale.d.ts +13 -0
- package/lib/typescript/src/charts/scale.d.ts.map +1 -0
- package/lib/typescript/src/charts/sparkline.d.ts +15 -0
- package/lib/typescript/src/charts/sparkline.d.ts.map +1 -0
- package/lib/typescript/src/charts/summary.d.ts +3 -0
- package/lib/typescript/src/charts/summary.d.ts.map +1 -0
- package/lib/typescript/src/charts.d.ts +3 -0
- package/lib/typescript/src/charts.d.ts.map +1 -0
- package/lib/typescript/src/components/button/button.d.ts +18 -0
- package/lib/typescript/src/components/button/button.d.ts.map +1 -0
- package/lib/typescript/src/components/button/index.d.ts +2 -0
- package/lib/typescript/src/components/button/index.d.ts.map +1 -0
- package/lib/typescript/src/components/checkbox/checkbox.d.ts +8 -0
- package/lib/typescript/src/components/checkbox/checkbox.d.ts.map +1 -0
- package/lib/typescript/src/components/checkbox/index.d.ts +2 -0
- package/lib/typescript/src/components/checkbox/index.d.ts.map +1 -0
- package/lib/typescript/src/components/chip/chip.d.ts +9 -0
- package/lib/typescript/src/components/chip/chip.d.ts.map +1 -0
- package/lib/typescript/src/components/chip/index.d.ts +2 -0
- package/lib/typescript/src/components/chip/index.d.ts.map +1 -0
- package/lib/typescript/src/components/chip-group/chip-group.d.ts +27 -0
- package/lib/typescript/src/components/chip-group/chip-group.d.ts.map +1 -0
- package/lib/typescript/src/components/chip-group/index.d.ts +2 -0
- package/lib/typescript/src/components/chip-group/index.d.ts.map +1 -0
- package/lib/typescript/src/components/dialog/dialog.d.ts +20 -0
- package/lib/typescript/src/components/dialog/dialog.d.ts.map +1 -0
- package/lib/typescript/src/components/dialog/index.d.ts +2 -0
- package/lib/typescript/src/components/dialog/index.d.ts.map +1 -0
- package/lib/typescript/src/components/divider/divider.d.ts +9 -0
- package/lib/typescript/src/components/divider/divider.d.ts.map +1 -0
- package/lib/typescript/src/components/divider/index.d.ts +2 -0
- package/lib/typescript/src/components/divider/index.d.ts.map +1 -0
- package/lib/typescript/src/components/empty-state/empty-state.d.ts +26 -0
- package/lib/typescript/src/components/empty-state/empty-state.d.ts.map +1 -0
- package/lib/typescript/src/components/empty-state/index.d.ts +2 -0
- package/lib/typescript/src/components/empty-state/index.d.ts.map +1 -0
- package/lib/typescript/src/components/field/field.d.ts +15 -0
- package/lib/typescript/src/components/field/field.d.ts.map +1 -0
- package/lib/typescript/src/components/field/index.d.ts +2 -0
- package/lib/typescript/src/components/field/index.d.ts.map +1 -0
- package/lib/typescript/src/components/list-row/index.d.ts +2 -0
- package/lib/typescript/src/components/list-row/index.d.ts.map +1 -0
- package/lib/typescript/src/components/list-row/list-row.d.ts +15 -0
- package/lib/typescript/src/components/list-row/list-row.d.ts.map +1 -0
- package/lib/typescript/src/components/photo/index.d.ts +2 -0
- package/lib/typescript/src/components/photo/index.d.ts.map +1 -0
- package/lib/typescript/src/components/photo/photo.d.ts +15 -0
- package/lib/typescript/src/components/photo/photo.d.ts.map +1 -0
- package/lib/typescript/src/components/price/index.d.ts +2 -0
- package/lib/typescript/src/components/price/index.d.ts.map +1 -0
- package/lib/typescript/src/components/price/price.d.ts +15 -0
- package/lib/typescript/src/components/price/price.d.ts.map +1 -0
- package/lib/typescript/src/components/search-field/index.d.ts +2 -0
- package/lib/typescript/src/components/search-field/index.d.ts.map +1 -0
- package/lib/typescript/src/components/search-field/search-field.d.ts +9 -0
- package/lib/typescript/src/components/search-field/search-field.d.ts.map +1 -0
- package/lib/typescript/src/components/segmented-tabs/index.d.ts +2 -0
- package/lib/typescript/src/components/segmented-tabs/index.d.ts.map +1 -0
- package/lib/typescript/src/components/segmented-tabs/segmented-tabs.d.ts +14 -0
- package/lib/typescript/src/components/segmented-tabs/segmented-tabs.d.ts.map +1 -0
- package/lib/typescript/src/components/sheet/index.d.ts +2 -0
- package/lib/typescript/src/components/sheet/index.d.ts.map +1 -0
- package/lib/typescript/src/components/sheet/sheet.d.ts +17 -0
- package/lib/typescript/src/components/sheet/sheet.d.ts.map +1 -0
- package/lib/typescript/src/components/skeleton/index.d.ts +2 -0
- package/lib/typescript/src/components/skeleton/index.d.ts.map +1 -0
- package/lib/typescript/src/components/skeleton/skeleton.d.ts +13 -0
- package/lib/typescript/src/components/skeleton/skeleton.d.ts.map +1 -0
- package/lib/typescript/src/components/status-badge/index.d.ts +2 -0
- package/lib/typescript/src/components/status-badge/index.d.ts.map +1 -0
- package/lib/typescript/src/components/status-badge/status-badge.d.ts +10 -0
- package/lib/typescript/src/components/status-badge/status-badge.d.ts.map +1 -0
- package/lib/typescript/src/components/switch/index.d.ts +2 -0
- package/lib/typescript/src/components/switch/index.d.ts.map +1 -0
- package/lib/typescript/src/components/switch/switch.d.ts +9 -0
- package/lib/typescript/src/components/switch/switch.d.ts.map +1 -0
- package/lib/typescript/src/components/text/index.d.ts +2 -0
- package/lib/typescript/src/components/text/index.d.ts.map +1 -0
- package/lib/typescript/src/components/text/text.d.ts +16 -0
- package/lib/typescript/src/components/text/text.d.ts.map +1 -0
- package/lib/typescript/src/components/toast/index.d.ts +2 -0
- package/lib/typescript/src/components/toast/index.d.ts.map +1 -0
- package/lib/typescript/src/components/toast/toast.d.ts +30 -0
- package/lib/typescript/src/components/toast/toast.d.ts.map +1 -0
- package/lib/typescript/src/components/wizard-steps/index.d.ts +2 -0
- package/lib/typescript/src/components/wizard-steps/index.d.ts.map +1 -0
- package/lib/typescript/src/components/wizard-steps/wizard-steps.d.ts +11 -0
- package/lib/typescript/src/components/wizard-steps/wizard-steps.d.ts.map +1 -0
- package/lib/typescript/src/index.d.ts +31 -0
- package/lib/typescript/src/index.d.ts.map +1 -0
- package/lib/typescript/src/internal/glyphs.d.ts +12 -0
- package/lib/typescript/src/internal/glyphs.d.ts.map +1 -0
- package/lib/typescript/src/internal/icon.d.ts +9 -0
- package/lib/typescript/src/internal/icon.d.ts.map +1 -0
- package/lib/typescript/src/internal/overlay.d.ts +16 -0
- package/lib/typescript/src/internal/overlay.d.ts.map +1 -0
- package/lib/typescript/src/internal/pressable-base.d.ts +13 -0
- package/lib/typescript/src/internal/pressable-base.d.ts.map +1 -0
- package/lib/typescript/src/internal/use-reduced-motion.d.ts +3 -0
- package/lib/typescript/src/internal/use-reduced-motion.d.ts.map +1 -0
- package/lib/typescript/src/sortable/index.d.ts +4 -0
- package/lib/typescript/src/sortable/index.d.ts.map +1 -0
- package/lib/typescript/src/sortable/move.d.ts +3 -0
- package/lib/typescript/src/sortable/move.d.ts.map +1 -0
- package/lib/typescript/src/sortable/sortable-grid.d.ts +37 -0
- package/lib/typescript/src/sortable/sortable-grid.d.ts.map +1 -0
- package/lib/typescript/src/sortable/sortable-list.d.ts +5 -0
- package/lib/typescript/src/sortable/sortable-list.d.ts.map +1 -0
- package/lib/typescript/src/sortable.d.ts +4 -0
- package/lib/typescript/src/sortable.d.ts.map +1 -0
- package/lib/typescript/src/theme/create-theme.d.ts +8 -0
- package/lib/typescript/src/theme/create-theme.d.ts.map +1 -0
- package/lib/typescript/src/theme/theme-provider.d.ts +13 -0
- package/lib/typescript/src/theme/theme-provider.d.ts.map +1 -0
- package/lib/typescript/src/theme/tokens.d.ts +4 -0
- package/lib/typescript/src/theme/tokens.d.ts.map +1 -0
- package/lib/typescript/src/types/index.d.ts +90 -0
- package/lib/typescript/src/types/index.d.ts.map +1 -0
- package/lib/typescript/src/utils/color.d.ts +5 -0
- package/lib/typescript/src/utils/color.d.ts.map +1 -0
- package/lib/typescript/src/utils/styles.d.ts +13 -0
- package/lib/typescript/src/utils/styles.d.ts.map +1 -0
- package/package.json +109 -3
- package/src/blocks/brand-profile-card/brand-profile-card.tsx +87 -0
- package/src/blocks/brand-profile-card/index.ts +4 -0
- package/src/blocks/claim-row/claim-row.tsx +112 -0
- package/src/blocks/claim-row/index.ts +6 -0
- package/src/blocks/color-swatch-picker/color-swatch-picker.tsx +119 -0
- package/src/blocks/color-swatch-picker/index.ts +5 -0
- package/src/blocks/copy-variant-picker/copy-variant-picker.tsx +140 -0
- package/src/blocks/copy-variant-picker/index.ts +5 -0
- package/src/blocks/credit-wallet/credit-wallet.tsx +105 -0
- package/src/blocks/credit-wallet/index.ts +1 -0
- package/src/blocks/image-grid/image-grid.tsx +279 -0
- package/src/blocks/image-grid/index.ts +1 -0
- package/src/blocks/index.tsx +19 -0
- package/src/blocks/internal/card.tsx +42 -0
- package/src/blocks/internal/format.ts +22 -0
- package/src/blocks/invoice-row/index.ts +5 -0
- package/src/blocks/invoice-row/invoice-row.tsx +122 -0
- package/src/blocks/logo-candidate-grid/index.ts +5 -0
- package/src/blocks/logo-candidate-grid/logo-candidate-grid.tsx +129 -0
- package/src/blocks/oauth-buttons/index.ts +5 -0
- package/src/blocks/oauth-buttons/oauth-buttons.tsx +109 -0
- package/src/blocks/option-editor/index.ts +5 -0
- package/src/blocks/option-editor/option-editor.tsx +135 -0
- package/src/blocks/order-card/index.ts +11 -0
- package/src/blocks/order-card/order-card.tsx +184 -0
- package/src/blocks/plan-card/index.ts +1 -0
- package/src/blocks/plan-card/plan-card.tsx +147 -0
- package/src/blocks/product-list-empty/index.ts +5 -0
- package/src/blocks/product-list-empty/product-list-empty.tsx +144 -0
- package/src/blocks/review-row/index.ts +8 -0
- package/src/blocks/review-row/review-row.tsx +256 -0
- package/src/blocks/sales-chart/index.ts +5 -0
- package/src/blocks/sales-chart/sales-chart.tsx +120 -0
- package/src/blocks/service-state-banner/index.ts +5 -0
- package/src/blocks/service-state-banner/service-state-banner.tsx +66 -0
- package/src/blocks/shipping-tracking-row/index.ts +5 -0
- package/src/blocks/shipping-tracking-row/shipping-tracking-row.tsx +93 -0
- package/src/blocks/site-preview-frame/index.ts +5 -0
- package/src/blocks/site-preview-frame/site-preview-frame.tsx +121 -0
- package/src/blocks/stat-card/index.ts +1 -0
- package/src/blocks/stat-card/stat-card.tsx +77 -0
- package/src/blocks/step-screen/index.ts +5 -0
- package/src/blocks/step-screen/step-screen.tsx +137 -0
- package/src/blocks/supply-item-card/index.ts +6 -0
- package/src/blocks/supply-item-card/supply-item-card.tsx +145 -0
- package/src/charts/index.ts +2 -0
- package/src/charts/line-chart.tsx +177 -0
- package/src/charts/scale.ts +49 -0
- package/src/charts/sparkline.tsx +64 -0
- package/src/charts/summary.ts +11 -0
- package/src/charts.tsx +2 -0
- package/src/components/button/button.tsx +119 -0
- package/src/components/button/index.ts +6 -0
- package/src/components/checkbox/checkbox.tsx +79 -0
- package/src/components/checkbox/index.ts +1 -0
- package/src/components/chip/chip.tsx +73 -0
- package/src/components/chip/index.ts +1 -0
- package/src/components/chip-group/chip-group.tsx +86 -0
- package/src/components/chip-group/index.ts +5 -0
- package/src/components/dialog/dialog.tsx +131 -0
- package/src/components/dialog/index.ts +1 -0
- package/src/components/divider/divider.tsx +26 -0
- package/src/components/divider/index.ts +1 -0
- package/src/components/empty-state/empty-state.tsx +152 -0
- package/src/components/empty-state/index.ts +5 -0
- package/src/components/field/field.tsx +151 -0
- package/src/components/field/index.ts +1 -0
- package/src/components/list-row/index.ts +1 -0
- package/src/components/list-row/list-row.tsx +115 -0
- package/src/components/photo/index.ts +1 -0
- package/src/components/photo/photo.tsx +87 -0
- package/src/components/price/index.ts +1 -0
- package/src/components/price/price.tsx +84 -0
- package/src/components/search-field/index.ts +1 -0
- package/src/components/search-field/search-field.tsx +46 -0
- package/src/components/segmented-tabs/index.ts +5 -0
- package/src/components/segmented-tabs/segmented-tabs.tsx +81 -0
- package/src/components/sheet/index.ts +1 -0
- package/src/components/sheet/sheet.tsx +121 -0
- package/src/components/skeleton/index.ts +1 -0
- package/src/components/skeleton/skeleton.tsx +73 -0
- package/src/components/status-badge/index.ts +5 -0
- package/src/components/status-badge/status-badge.tsx +54 -0
- package/src/components/switch/index.ts +1 -0
- package/src/components/switch/switch.tsx +26 -0
- package/src/components/text/index.ts +1 -0
- package/src/components/text/text.tsx +54 -0
- package/src/components/toast/index.ts +9 -0
- package/src/components/toast/toast.tsx +248 -0
- package/src/components/wizard-steps/index.ts +1 -0
- package/src/components/wizard-steps/wizard-steps.tsx +54 -0
- package/src/index.tsx +56 -0
- package/src/internal/glyphs.tsx +158 -0
- package/src/internal/icon.tsx +10 -0
- package/src/internal/overlay.tsx +59 -0
- package/src/internal/pressable-base.tsx +55 -0
- package/src/internal/use-reduced-motion.ts +32 -0
- package/src/sortable/index.ts +8 -0
- package/src/sortable/move.ts +19 -0
- package/src/sortable/sortable-grid.tsx +97 -0
- package/src/sortable/sortable-list.tsx +11 -0
- package/src/sortable.tsx +3 -0
- package/src/theme/create-theme.ts +67 -0
- package/src/theme/theme-provider.tsx +37 -0
- package/src/theme/tokens.ts +91 -0
- package/src/types/index.ts +80 -0
- package/src/utils/color.ts +47 -0
- package/src/utils/styles.ts +30 -0
- package/README.md +0 -3
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { ActivityIndicator, Text, View } from 'react-native';
|
|
4
|
+
import { renderIcon } from "../../internal/icon.js";
|
|
5
|
+
import { PressableBase } from "../../internal/pressable-base.js";
|
|
6
|
+
import { useTheme } from "../../theme/theme-provider.js";
|
|
7
|
+
import { makeStyles } from "../../utils/styles.js";
|
|
8
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
+
const heights = {
|
|
10
|
+
sm: 44,
|
|
11
|
+
md: 48,
|
|
12
|
+
lg: 52
|
|
13
|
+
};
|
|
14
|
+
const useStyles = makeStyles(t => ({
|
|
15
|
+
base: {
|
|
16
|
+
flexDirection: 'row',
|
|
17
|
+
alignItems: 'center',
|
|
18
|
+
justifyContent: 'center',
|
|
19
|
+
gap: t.space[2],
|
|
20
|
+
borderWidth: 1,
|
|
21
|
+
borderColor: 'transparent'
|
|
22
|
+
},
|
|
23
|
+
sm: {
|
|
24
|
+
height: heights.sm,
|
|
25
|
+
paddingHorizontal: t.space[3],
|
|
26
|
+
borderRadius: t.radius.md
|
|
27
|
+
},
|
|
28
|
+
md: {
|
|
29
|
+
height: heights.md,
|
|
30
|
+
paddingHorizontal: t.space[4],
|
|
31
|
+
borderRadius: 10
|
|
32
|
+
},
|
|
33
|
+
lg: {
|
|
34
|
+
height: heights.lg,
|
|
35
|
+
paddingHorizontal: t.space[5],
|
|
36
|
+
borderRadius: t.radius.lg
|
|
37
|
+
},
|
|
38
|
+
solid: {
|
|
39
|
+
backgroundColor: t.colors.primary
|
|
40
|
+
},
|
|
41
|
+
secondary: {
|
|
42
|
+
backgroundColor: t.colors.muted
|
|
43
|
+
},
|
|
44
|
+
outline: {
|
|
45
|
+
backgroundColor: t.colors.background,
|
|
46
|
+
borderColor: t.colors.input
|
|
47
|
+
},
|
|
48
|
+
ghost: {
|
|
49
|
+
backgroundColor: 'transparent'
|
|
50
|
+
},
|
|
51
|
+
destructive: {
|
|
52
|
+
backgroundColor: t.colors.destructive
|
|
53
|
+
},
|
|
54
|
+
label: {
|
|
55
|
+
fontFamily: t.fontFamily,
|
|
56
|
+
fontWeight: '600'
|
|
57
|
+
},
|
|
58
|
+
smLabel: {
|
|
59
|
+
fontSize: 14,
|
|
60
|
+
lineHeight: 20
|
|
61
|
+
},
|
|
62
|
+
mdLabel: {
|
|
63
|
+
fontSize: t.typography.body.fontSize,
|
|
64
|
+
lineHeight: t.typography.body.lineHeight
|
|
65
|
+
},
|
|
66
|
+
lgLabel: {
|
|
67
|
+
fontSize: 16,
|
|
68
|
+
lineHeight: 24
|
|
69
|
+
}
|
|
70
|
+
}));
|
|
71
|
+
export function Button({
|
|
72
|
+
variant = 'solid',
|
|
73
|
+
size = 'md',
|
|
74
|
+
loading = false,
|
|
75
|
+
disabled,
|
|
76
|
+
leftIcon,
|
|
77
|
+
rightIcon,
|
|
78
|
+
children,
|
|
79
|
+
style,
|
|
80
|
+
accessibilityState,
|
|
81
|
+
...rest
|
|
82
|
+
}) {
|
|
83
|
+
const t = useTheme();
|
|
84
|
+
const s = useStyles();
|
|
85
|
+
const color = {
|
|
86
|
+
solid: t.colors.primaryForeground,
|
|
87
|
+
secondary: t.colors.foreground,
|
|
88
|
+
outline: t.colors.foreground,
|
|
89
|
+
ghost: t.colors.foreground,
|
|
90
|
+
destructive: t.colors.destructiveForeground
|
|
91
|
+
}[variant];
|
|
92
|
+
const icon = {
|
|
93
|
+
color,
|
|
94
|
+
size: size === 'sm' ? t.iconSize.sm : t.iconSize.md
|
|
95
|
+
};
|
|
96
|
+
return /*#__PURE__*/_jsxs(PressableBase, {
|
|
97
|
+
...rest,
|
|
98
|
+
disabled: disabled || loading,
|
|
99
|
+
touchHeight: heights[size],
|
|
100
|
+
accessibilityState: {
|
|
101
|
+
...accessibilityState,
|
|
102
|
+
busy: loading
|
|
103
|
+
},
|
|
104
|
+
style: [s.base, s[size], s[variant], style],
|
|
105
|
+
children: [loading ? /*#__PURE__*/_jsx(ActivityIndicator, {
|
|
106
|
+
size: "small",
|
|
107
|
+
color: color
|
|
108
|
+
}) : leftIcon ? /*#__PURE__*/_jsx(View, {
|
|
109
|
+
children: renderIcon(leftIcon, icon)
|
|
110
|
+
}) : null, typeof children === 'string' ? /*#__PURE__*/_jsx(Text, {
|
|
111
|
+
numberOfLines: 1,
|
|
112
|
+
maxFontSizeMultiplier: t.maxFontScale,
|
|
113
|
+
style: [s.label, s[`${size}Label`], {
|
|
114
|
+
color
|
|
115
|
+
}],
|
|
116
|
+
children: children
|
|
117
|
+
}) : children, rightIcon ? /*#__PURE__*/_jsx(View, {
|
|
118
|
+
children: renderIcon(rightIcon, icon)
|
|
119
|
+
}) : null]
|
|
120
|
+
});
|
|
121
|
+
}
|
|
122
|
+
//# sourceMappingURL=button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["ActivityIndicator","Text","View","renderIcon","PressableBase","useTheme","makeStyles","jsx","_jsx","jsxs","_jsxs","heights","sm","md","lg","useStyles","t","base","flexDirection","alignItems","justifyContent","gap","space","borderWidth","borderColor","height","paddingHorizontal","borderRadius","radius","solid","backgroundColor","colors","primary","secondary","muted","outline","background","input","ghost","destructive","label","fontFamily","fontWeight","smLabel","fontSize","lineHeight","mdLabel","typography","body","lgLabel","Button","variant","size","loading","disabled","leftIcon","rightIcon","children","style","accessibilityState","rest","s","color","primaryForeground","foreground","destructiveForeground","icon","iconSize","touchHeight","busy","numberOfLines","maxFontSizeMultiplier","maxFontScale"],"sourceRoot":"../../../../src","sources":["components/button/button.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Button"],"sourceRoot":"../../../../src","sources":["components/button/index.ts"],"mappings":";;AAAA,SACEA,MAAM,QAID,aAAU","ignoreList":[]}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { Text, View } from 'react-native';
|
|
4
|
+
import { CheckGlyph } from "../../internal/glyphs.js";
|
|
5
|
+
import { PressableBase } from "../../internal/pressable-base.js";
|
|
6
|
+
import { useTheme } from "../../theme/theme-provider.js";
|
|
7
|
+
import { makeStyles } from "../../utils/styles.js";
|
|
8
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
+
const BOX = 20;
|
|
10
|
+
const useStyles = makeStyles(t => ({
|
|
11
|
+
row: {
|
|
12
|
+
flexDirection: 'row',
|
|
13
|
+
alignItems: 'center',
|
|
14
|
+
gap: t.space[2],
|
|
15
|
+
alignSelf: 'flex-start'
|
|
16
|
+
},
|
|
17
|
+
box: {
|
|
18
|
+
width: BOX,
|
|
19
|
+
height: BOX,
|
|
20
|
+
borderRadius: t.radius.sm,
|
|
21
|
+
borderWidth: 1,
|
|
22
|
+
borderColor: t.colors.border,
|
|
23
|
+
backgroundColor: t.colors.background,
|
|
24
|
+
alignItems: 'center',
|
|
25
|
+
justifyContent: 'center'
|
|
26
|
+
},
|
|
27
|
+
checked: {
|
|
28
|
+
backgroundColor: t.colors.primary,
|
|
29
|
+
borderColor: t.colors.primary
|
|
30
|
+
},
|
|
31
|
+
label: {
|
|
32
|
+
...t.typography.body,
|
|
33
|
+
fontFamily: t.fontFamily,
|
|
34
|
+
color: t.colors.foreground
|
|
35
|
+
}
|
|
36
|
+
}));
|
|
37
|
+
export function Checkbox({
|
|
38
|
+
value,
|
|
39
|
+
onValueChange,
|
|
40
|
+
label,
|
|
41
|
+
style,
|
|
42
|
+
accessibilityState,
|
|
43
|
+
...rest
|
|
44
|
+
}) {
|
|
45
|
+
const t = useTheme();
|
|
46
|
+
const s = useStyles();
|
|
47
|
+
return /*#__PURE__*/_jsxs(PressableBase, {
|
|
48
|
+
accessibilityRole: "checkbox",
|
|
49
|
+
accessibilityLabel: label,
|
|
50
|
+
...rest,
|
|
51
|
+
accessibilityState: {
|
|
52
|
+
...accessibilityState,
|
|
53
|
+
checked: value
|
|
54
|
+
},
|
|
55
|
+
touchHeight: label ? t.typography.body.lineHeight : BOX,
|
|
56
|
+
pressedStyle: {},
|
|
57
|
+
onPress: () => onValueChange(!value),
|
|
58
|
+
style: [s.row, style],
|
|
59
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
60
|
+
style: [s.box, value && s.checked],
|
|
61
|
+
children: value ? /*#__PURE__*/_jsx(CheckGlyph, {
|
|
62
|
+
color: t.colors.primaryForeground,
|
|
63
|
+
size: 14
|
|
64
|
+
}) : null
|
|
65
|
+
}), label ? /*#__PURE__*/_jsx(Text, {
|
|
66
|
+
maxFontSizeMultiplier: t.maxFontScale,
|
|
67
|
+
style: s.label,
|
|
68
|
+
children: label
|
|
69
|
+
}) : null]
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
//# sourceMappingURL=checkbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Text","View","CheckGlyph","PressableBase","useTheme","makeStyles","jsx","_jsx","jsxs","_jsxs","BOX","useStyles","t","row","flexDirection","alignItems","gap","space","alignSelf","box","width","height","borderRadius","radius","sm","borderWidth","borderColor","colors","border","backgroundColor","background","justifyContent","checked","primary","label","typography","body","fontFamily","color","foreground","Checkbox","value","onValueChange","style","accessibilityState","rest","s","accessibilityRole","accessibilityLabel","touchHeight","lineHeight","pressedStyle","onPress","children","primaryForeground","size","maxFontSizeMultiplier","maxFontScale"],"sourceRoot":"../../../../src","sources":["components/checkbox/checkbox.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,UAAU,QAAQ,0BAAuB;AAClD,SACEC,aAAa,QAER,kCAA+B;AACtC,SAASC,QAAQ,QAAQ,+BAA4B;AACrD,SAASC,UAAU,QAAQ,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAWhD,MAAMC,GAAG,GAAG,EAAE;AAEd,MAAMC,SAAS,GAAGN,UAAU,CAAEO,CAAC,KAAM;EACnCC,GAAG,EAAE;IACHC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAEJ,CAAC,CAACK,KAAK,CAAC,CAAC,CAAC;IACfC,SAAS,EAAE;EACb,CAAC;EACDC,GAAG,EAAE;IACHC,KAAK,EAAEV,GAAG;IACVW,MAAM,EAAEX,GAAG;IACXY,YAAY,EAAEV,CAAC,CAACW,MAAM,CAACC,EAAE;IACzBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEd,CAAC,CAACe,MAAM,CAACC,MAAM;IAC5BC,eAAe,EAAEjB,CAAC,CAACe,MAAM,CAACG,UAAU;IACpCf,UAAU,EAAE,QAAQ;IACpBgB,cAAc,EAAE;EAClB,CAAC;EACDC,OAAO,EAAE;IAAEH,eAAe,EAAEjB,CAAC,CAACe,MAAM,CAACM,OAAO;IAAEP,WAAW,EAAEd,CAAC,CAACe,MAAM,CAACM;EAAQ,CAAC;EAC7EC,KAAK,EAAE;IACL,GAAGtB,CAAC,CAACuB,UAAU,CAACC,IAAI;IACpBC,UAAU,EAAEzB,CAAC,CAACyB,UAAU;IACxBC,KAAK,EAAE1B,CAAC,CAACe,MAAM,CAACY;EAClB;AACF,CAAC,CAAC,CAAC;AAEH,OAAO,SAASC,QAAQA,CAAC;EACvBC,KAAK;EACLC,aAAa;EACbR,KAAK;EACLS,KAAK;EACLC,kBAAkB;EAClB,GAAGC;AACU,CAAC,EAAE;EAChB,MAAMjC,CAAC,GAAGR,QAAQ,CAAC,CAAC;EACpB,MAAM0C,CAAC,GAAGnC,SAAS,CAAC,CAAC;EACrB,oBACEF,KAAA,CAACN,aAAa;IACZ4C,iBAAiB,EAAC,UAAU;IAC5BC,kBAAkB,EAAEd,KAAM;IAAA,GACtBW,IAAI;IACRD,kBAAkB,EAAE;MAAE,GAAGA,kBAAkB;MAAEZ,OAAO,EAAES;IAAM,CAAE;IAC9DQ,WAAW,EAAEf,KAAK,GAAGtB,CAAC,CAACuB,UAAU,CAACC,IAAI,CAACc,UAAU,GAAGxC,GAAI;IACxDyC,YAAY,EAAE,CAAC,CAAE;IACjBC,OAAO,EAAEA,CAAA,KAAMV,aAAa,CAAC,CAACD,KAAK,CAAE;IACrCE,KAAK,EAAE,CAACG,CAAC,CAACjC,GAAG,EAAE8B,KAAK,CAAE;IAAAU,QAAA,gBAEtB9C,IAAA,CAACN,IAAI;MAAC0C,KAAK,EAAE,CAACG,CAAC,CAAC3B,GAAG,EAAEsB,KAAK,IAAIK,CAAC,CAACd,OAAO,CAAE;MAAAqB,QAAA,EACtCZ,KAAK,gBACJlC,IAAA,CAACL,UAAU;QAACoC,KAAK,EAAE1B,CAAC,CAACe,MAAM,CAAC2B,iBAAkB;QAACC,IAAI,EAAE;MAAG,CAAE,CAAC,GACzD;IAAI,CACJ,CAAC,EACNrB,KAAK,gBACJ3B,IAAA,CAACP,IAAI;MAACwD,qBAAqB,EAAE5C,CAAC,CAAC6C,YAAa;MAACd,KAAK,EAAEG,CAAC,CAACZ,KAAM;MAAAmB,QAAA,EACzDnB;IAAK,CACF,CAAC,GACL,IAAI;EAAA,CACK,CAAC;AAEpB","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Checkbox"],"sourceRoot":"../../../../src","sources":["components/checkbox/index.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAA4B,eAAY","ignoreList":[]}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { Text, View } from 'react-native';
|
|
4
|
+
import { renderIcon } from "../../internal/icon.js";
|
|
5
|
+
import { PressableBase } from "../../internal/pressable-base.js";
|
|
6
|
+
import { useTheme } from "../../theme/theme-provider.js";
|
|
7
|
+
import { makeStyles } from "../../utils/styles.js";
|
|
8
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
+
const HEIGHT = 32;
|
|
10
|
+
const useStyles = makeStyles(t => ({
|
|
11
|
+
base: {
|
|
12
|
+
flexDirection: 'row',
|
|
13
|
+
alignItems: 'center',
|
|
14
|
+
alignSelf: 'flex-start',
|
|
15
|
+
gap: t.space[1],
|
|
16
|
+
height: HEIGHT,
|
|
17
|
+
paddingHorizontal: t.space[3],
|
|
18
|
+
borderRadius: t.radius.full,
|
|
19
|
+
borderWidth: 1,
|
|
20
|
+
borderColor: t.colors.border,
|
|
21
|
+
backgroundColor: t.colors.background
|
|
22
|
+
},
|
|
23
|
+
selected: {
|
|
24
|
+
backgroundColor: t.colors.primary,
|
|
25
|
+
borderColor: t.colors.primary
|
|
26
|
+
},
|
|
27
|
+
label: {
|
|
28
|
+
fontFamily: t.fontFamily,
|
|
29
|
+
fontSize: 14,
|
|
30
|
+
lineHeight: 20,
|
|
31
|
+
fontWeight: '500'
|
|
32
|
+
}
|
|
33
|
+
}));
|
|
34
|
+
export function Chip({
|
|
35
|
+
selected = false,
|
|
36
|
+
leftIcon,
|
|
37
|
+
children,
|
|
38
|
+
style,
|
|
39
|
+
accessibilityState,
|
|
40
|
+
...rest
|
|
41
|
+
}) {
|
|
42
|
+
const t = useTheme();
|
|
43
|
+
const s = useStyles();
|
|
44
|
+
const color = selected ? t.colors.primaryForeground : t.colors.foreground;
|
|
45
|
+
return /*#__PURE__*/_jsxs(PressableBase, {
|
|
46
|
+
...rest,
|
|
47
|
+
accessibilityState: {
|
|
48
|
+
...accessibilityState,
|
|
49
|
+
selected
|
|
50
|
+
},
|
|
51
|
+
touchHeight: HEIGHT,
|
|
52
|
+
style: [s.base, selected && s.selected, style],
|
|
53
|
+
children: [leftIcon ? /*#__PURE__*/_jsx(View, {
|
|
54
|
+
children: renderIcon(leftIcon, {
|
|
55
|
+
color,
|
|
56
|
+
size: t.iconSize.sm
|
|
57
|
+
})
|
|
58
|
+
}) : null, /*#__PURE__*/_jsx(Text, {
|
|
59
|
+
numberOfLines: 1,
|
|
60
|
+
maxFontSizeMultiplier: t.maxFontScale,
|
|
61
|
+
style: [s.label, {
|
|
62
|
+
color
|
|
63
|
+
}],
|
|
64
|
+
children: children
|
|
65
|
+
})]
|
|
66
|
+
});
|
|
67
|
+
}
|
|
68
|
+
//# sourceMappingURL=chip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Text","View","renderIcon","PressableBase","useTheme","makeStyles","jsx","_jsx","jsxs","_jsxs","HEIGHT","useStyles","t","base","flexDirection","alignItems","alignSelf","gap","space","height","paddingHorizontal","borderRadius","radius","full","borderWidth","borderColor","colors","border","backgroundColor","background","selected","primary","label","fontFamily","fontSize","lineHeight","fontWeight","Chip","leftIcon","children","style","accessibilityState","rest","s","color","primaryForeground","foreground","touchHeight","size","iconSize","sm","numberOfLines","maxFontSizeMultiplier","maxFontScale"],"sourceRoot":"../../../../src","sources":["components/chip/chip.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,UAAU,QAAuB,wBAAqB;AAC/D,SACEC,aAAa,QAER,kCAA+B;AACtC,SAASC,QAAQ,QAAQ,+BAA4B;AACrD,SAASC,UAAU,QAAQ,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQhD,MAAMC,MAAM,GAAG,EAAE;AAEjB,MAAMC,SAAS,GAAGN,UAAU,CAAEO,CAAC,KAAM;EACnCC,IAAI,EAAE;IACJC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,SAAS,EAAE,YAAY;IACvBC,GAAG,EAAEL,CAAC,CAACM,KAAK,CAAC,CAAC,CAAC;IACfC,MAAM,EAAET,MAAM;IACdU,iBAAiB,EAAER,CAAC,CAACM,KAAK,CAAC,CAAC,CAAC;IAC7BG,YAAY,EAAET,CAAC,CAACU,MAAM,CAACC,IAAI;IAC3BC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEb,CAAC,CAACc,MAAM,CAACC,MAAM;IAC5BC,eAAe,EAAEhB,CAAC,CAACc,MAAM,CAACG;EAC5B,CAAC;EACDC,QAAQ,EAAE;IACRF,eAAe,EAAEhB,CAAC,CAACc,MAAM,CAACK,OAAO;IACjCN,WAAW,EAAEb,CAAC,CAACc,MAAM,CAACK;EACxB,CAAC;EACDC,KAAK,EAAE;IACLC,UAAU,EAAErB,CAAC,CAACqB,UAAU;IACxBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE;EACd;AACF,CAAC,CAAC,CAAC;AAEH,OAAO,SAASC,IAAIA,CAAC;EACnBP,QAAQ,GAAG,KAAK;EAChBQ,QAAQ;EACRC,QAAQ;EACRC,KAAK;EACLC,kBAAkB;EAClB,GAAGC;AACM,CAAC,EAAE;EACZ,MAAM9B,CAAC,GAAGR,QAAQ,CAAC,CAAC;EACpB,MAAMuC,CAAC,GAAGhC,SAAS,CAAC,CAAC;EACrB,MAAMiC,KAAK,GAAGd,QAAQ,GAAGlB,CAAC,CAACc,MAAM,CAACmB,iBAAiB,GAAGjC,CAAC,CAACc,MAAM,CAACoB,UAAU;EACzE,oBACErC,KAAA,CAACN,aAAa;IAAA,GACRuC,IAAI;IACRD,kBAAkB,EAAE;MAAE,GAAGA,kBAAkB;MAAEX;IAAS,CAAE;IACxDiB,WAAW,EAAErC,MAAO;IACpB8B,KAAK,EAAE,CAACG,CAAC,CAAC9B,IAAI,EAAEiB,QAAQ,IAAIa,CAAC,CAACb,QAAQ,EAAEU,KAAK,CAAE;IAAAD,QAAA,GAE9CD,QAAQ,gBACP/B,IAAA,CAACN,IAAI;MAAAsC,QAAA,EAAErC,UAAU,CAACoC,QAAQ,EAAE;QAAEM,KAAK;QAAEI,IAAI,EAAEpC,CAAC,CAACqC,QAAQ,CAACC;MAAG,CAAC;IAAC,CAAO,CAAC,GACjE,IAAI,eACR3C,IAAA,CAACP,IAAI;MACHmD,aAAa,EAAE,CAAE;MACjBC,qBAAqB,EAAExC,CAAC,CAACyC,YAAa;MACtCb,KAAK,EAAE,CAACG,CAAC,CAACX,KAAK,EAAE;QAAEY;MAAM,CAAC,CAAE;MAAAL,QAAA,EAE3BA;IAAQ,CACL,CAAC;EAAA,CACM,CAAC;AAEpB","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Chip"],"sourceRoot":"../../../../src","sources":["components/chip/index.ts"],"mappings":";;AAAA,SAASA,IAAI,QAAwB,WAAQ","ignoreList":[]}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { View } from 'react-native';
|
|
4
|
+
import { makeStyles } from "../../utils/styles.js";
|
|
5
|
+
import { Chip } from "../chip/chip.js";
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
const useStyles = makeStyles(t => ({
|
|
8
|
+
root: {
|
|
9
|
+
flexDirection: 'row',
|
|
10
|
+
flexWrap: 'wrap',
|
|
11
|
+
gap: t.space[2]
|
|
12
|
+
}
|
|
13
|
+
}));
|
|
14
|
+
export function ChipGroup(props) {
|
|
15
|
+
const s = useStyles();
|
|
16
|
+
const {
|
|
17
|
+
items,
|
|
18
|
+
style
|
|
19
|
+
} = props;
|
|
20
|
+
const isSelected = v => props.multiple ? props.value.includes(v) : props.value === v;
|
|
21
|
+
const press = v => {
|
|
22
|
+
if (props.multiple) {
|
|
23
|
+
if (props.value.includes(v)) {
|
|
24
|
+
props.onValueChange(props.value.filter(x => x !== v));
|
|
25
|
+
} else if (props.max === undefined || props.value.length < props.max) {
|
|
26
|
+
props.onValueChange([...props.value, v]);
|
|
27
|
+
}
|
|
28
|
+
} else if (props.value === v) {
|
|
29
|
+
if (props.deselectable) props.onValueChange(null);
|
|
30
|
+
} else {
|
|
31
|
+
props.onValueChange(v);
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
const full = props.multiple && props.max !== undefined && props.value.length >= props.max;
|
|
35
|
+
return /*#__PURE__*/_jsx(View, {
|
|
36
|
+
accessibilityRole: props.multiple ? undefined : 'radiogroup',
|
|
37
|
+
style: [s.root, style],
|
|
38
|
+
children: items.map(item => {
|
|
39
|
+
const selected = isSelected(item.value);
|
|
40
|
+
return /*#__PURE__*/_jsx(Chip, {
|
|
41
|
+
selected: selected,
|
|
42
|
+
disabled: item.disabled || full && !selected,
|
|
43
|
+
accessibilityRole: props.multiple ? 'checkbox' : 'radio',
|
|
44
|
+
accessibilityState: props.multiple ? {
|
|
45
|
+
checked: selected
|
|
46
|
+
} : {
|
|
47
|
+
selected
|
|
48
|
+
},
|
|
49
|
+
onPress: () => press(item.value),
|
|
50
|
+
children: item.label
|
|
51
|
+
}, item.value);
|
|
52
|
+
})
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
//# sourceMappingURL=chip-group.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["View","makeStyles","Chip","jsx","_jsx","useStyles","t","root","flexDirection","flexWrap","gap","space","ChipGroup","props","s","items","style","isSelected","v","multiple","value","includes","press","onValueChange","filter","x","max","undefined","length","deselectable","full","accessibilityRole","children","map","item","selected","disabled","accessibilityState","checked","onPress","label"],"sourceRoot":"../../../../src","sources":["components/chip-group/chip-group.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAwC,cAAc;AACnE,SAASC,UAAU,QAAQ,uBAAoB;AAC/C,SAASC,IAAI,QAAQ,iBAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AA6BpC,MAAMC,SAAS,GAAGJ,UAAU,CAAEK,CAAC,KAAM;EACnCC,IAAI,EAAE;IAAEC,aAAa,EAAE,KAAK;IAAEC,QAAQ,EAAE,MAAM;IAAEC,GAAG,EAAEJ,CAAC,CAACK,KAAK,CAAC,CAAC;EAAE;AAClE,CAAC,CAAC,CAAC;AAEH,OAAO,SAASC,SAASA,CAAmBC,KAAwB,EAAE;EACpE,MAAMC,CAAC,GAAGT,SAAS,CAAC,CAAC;EACrB,MAAM;IAAEU,KAAK;IAAEC;EAAM,CAAC,GAAGH,KAAK;EAE9B,MAAMI,UAAU,GAAIC,CAAI,IACtBL,KAAK,CAACM,QAAQ,GAAGN,KAAK,CAACO,KAAK,CAACC,QAAQ,CAACH,CAAC,CAAC,GAAGL,KAAK,CAACO,KAAK,KAAKF,CAAC;EAE9D,MAAMI,KAAK,GAAIJ,CAAI,IAAK;IACtB,IAAIL,KAAK,CAACM,QAAQ,EAAE;MAClB,IAAIN,KAAK,CAACO,KAAK,CAACC,QAAQ,CAACH,CAAC,CAAC,EAAE;QAC3BL,KAAK,CAACU,aAAa,CAACV,KAAK,CAACO,KAAK,CAACI,MAAM,CAAEC,CAAC,IAAKA,CAAC,KAAKP,CAAC,CAAC,CAAC;MACzD,CAAC,MAAM,IAAIL,KAAK,CAACa,GAAG,KAAKC,SAAS,IAAId,KAAK,CAACO,KAAK,CAACQ,MAAM,GAAGf,KAAK,CAACa,GAAG,EAAE;QACpEb,KAAK,CAACU,aAAa,CAAC,CAAC,GAAGV,KAAK,CAACO,KAAK,EAAEF,CAAC,CAAC,CAAC;MAC1C;IACF,CAAC,MAAM,IAAIL,KAAK,CAACO,KAAK,KAAKF,CAAC,EAAE;MAC5B,IAAIL,KAAK,CAACgB,YAAY,EAAEhB,KAAK,CAACU,aAAa,CAAC,IAAI,CAAC;IACnD,CAAC,MAAM;MACLV,KAAK,CAACU,aAAa,CAACL,CAAC,CAAC;IACxB;EACF,CAAC;EAED,MAAMY,IAAI,GACRjB,KAAK,CAACM,QAAQ,IACdN,KAAK,CAACa,GAAG,KAAKC,SAAS,IACvBd,KAAK,CAACO,KAAK,CAACQ,MAAM,IAAIf,KAAK,CAACa,GAAG;EAEjC,oBACEtB,IAAA,CAACJ,IAAI;IACH+B,iBAAiB,EAAElB,KAAK,CAACM,QAAQ,GAAGQ,SAAS,GAAG,YAAa;IAC7DX,KAAK,EAAE,CAACF,CAAC,CAACP,IAAI,EAAES,KAAK,CAAE;IAAAgB,QAAA,EAEtBjB,KAAK,CAACkB,GAAG,CAAEC,IAAI,IAAK;MACnB,MAAMC,QAAQ,GAAGlB,UAAU,CAACiB,IAAI,CAACd,KAAK,CAAC;MACvC,oBACEhB,IAAA,CAACF,IAAI;QAEHiC,QAAQ,EAAEA,QAAS;QACnBC,QAAQ,EAAEF,IAAI,CAACE,QAAQ,IAAKN,IAAI,IAAI,CAACK,QAAU;QAC/CJ,iBAAiB,EAAElB,KAAK,CAACM,QAAQ,GAAG,UAAU,GAAG,OAAQ;QACzDkB,kBAAkB,EAChBxB,KAAK,CAACM,QAAQ,GAAG;UAAEmB,OAAO,EAAEH;QAAS,CAAC,GAAG;UAAEA;QAAS,CACrD;QACDI,OAAO,EAAEA,CAAA,KAAMjB,KAAK,CAACY,IAAI,CAACd,KAAK,CAAE;QAAAY,QAAA,EAEhCE,IAAI,CAACM;MAAK,GATNN,IAAI,CAACd,KAUN,CAAC;IAEX,CAAC;EAAC,CACE,CAAC;AAEX","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["ChipGroup"],"sourceRoot":"../../../../src","sources":["components/chip-group/index.ts"],"mappings":";;AAAA,SACEA,SAAS,QAGJ,iBAAc","ignoreList":[]}
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { Animated, Modal, Text, View } from 'react-native';
|
|
4
|
+
import { Backdrop, useOverlayTransition } from "../../internal/overlay.js";
|
|
5
|
+
import { useTheme } from "../../theme/theme-provider.js";
|
|
6
|
+
import { makeStyles } from "../../utils/styles.js";
|
|
7
|
+
import { Button } from "../button/button.js";
|
|
8
|
+
import { ToastHost } from "../toast/toast.js";
|
|
9
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
+
const useStyles = makeStyles(t => ({
|
|
11
|
+
root: {
|
|
12
|
+
flex: 1,
|
|
13
|
+
justifyContent: 'center',
|
|
14
|
+
padding: t.space[6]
|
|
15
|
+
},
|
|
16
|
+
panel: {
|
|
17
|
+
alignSelf: 'center',
|
|
18
|
+
width: '100%',
|
|
19
|
+
maxWidth: 360,
|
|
20
|
+
paddingTop: 28,
|
|
21
|
+
paddingHorizontal: t.space[5],
|
|
22
|
+
paddingBottom: t.space[5],
|
|
23
|
+
gap: t.space[5],
|
|
24
|
+
borderRadius: 16,
|
|
25
|
+
backgroundColor: t.colors.background,
|
|
26
|
+
boxShadow: t.shadow.md
|
|
27
|
+
},
|
|
28
|
+
title: {
|
|
29
|
+
fontFamily: t.fontFamily,
|
|
30
|
+
fontSize: 18,
|
|
31
|
+
lineHeight: 26,
|
|
32
|
+
fontWeight: '700',
|
|
33
|
+
textAlign: 'center',
|
|
34
|
+
color: t.colors.foreground
|
|
35
|
+
},
|
|
36
|
+
actions: {
|
|
37
|
+
flexDirection: 'row',
|
|
38
|
+
gap: t.space[2]
|
|
39
|
+
},
|
|
40
|
+
action: {
|
|
41
|
+
flex: 1,
|
|
42
|
+
borderRadius: t.radius.lg
|
|
43
|
+
}
|
|
44
|
+
}));
|
|
45
|
+
|
|
46
|
+
/** 확인 · 취소를 묻는 대화상자. 제목 한 줄로 무엇을 하는지 말한다 */
|
|
47
|
+
export function Dialog({
|
|
48
|
+
open,
|
|
49
|
+
onOpenChange,
|
|
50
|
+
title,
|
|
51
|
+
onConfirm,
|
|
52
|
+
confirmLabel = '확인',
|
|
53
|
+
cancelLabel = '취소',
|
|
54
|
+
destructive = false,
|
|
55
|
+
loading = false,
|
|
56
|
+
dismissible = true
|
|
57
|
+
}) {
|
|
58
|
+
const t = useTheme();
|
|
59
|
+
const s = useStyles();
|
|
60
|
+
const {
|
|
61
|
+
mounted,
|
|
62
|
+
progress
|
|
63
|
+
} = useOverlayTransition(open);
|
|
64
|
+
const close = () => {
|
|
65
|
+
if (dismissible && !loading) onOpenChange(false);
|
|
66
|
+
};
|
|
67
|
+
return /*#__PURE__*/_jsxs(Modal, {
|
|
68
|
+
visible: mounted,
|
|
69
|
+
transparent: true,
|
|
70
|
+
animationType: "none",
|
|
71
|
+
statusBarTranslucent: true,
|
|
72
|
+
navigationBarTranslucent: true,
|
|
73
|
+
onRequestClose: close,
|
|
74
|
+
children: [/*#__PURE__*/_jsx(Backdrop, {
|
|
75
|
+
progress: progress,
|
|
76
|
+
onPress: close,
|
|
77
|
+
label: cancelLabel
|
|
78
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
79
|
+
pointerEvents: "box-none",
|
|
80
|
+
style: s.root,
|
|
81
|
+
children: /*#__PURE__*/_jsxs(Animated.View, {
|
|
82
|
+
accessibilityViewIsModal: true,
|
|
83
|
+
accessibilityRole: "alert",
|
|
84
|
+
style: [s.panel, {
|
|
85
|
+
opacity: progress,
|
|
86
|
+
transform: [{
|
|
87
|
+
scale: progress.interpolate({
|
|
88
|
+
inputRange: [0, 1],
|
|
89
|
+
outputRange: [0.96, 1]
|
|
90
|
+
})
|
|
91
|
+
}]
|
|
92
|
+
}],
|
|
93
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
94
|
+
accessibilityRole: "header",
|
|
95
|
+
maxFontSizeMultiplier: t.maxFontScale,
|
|
96
|
+
style: s.title,
|
|
97
|
+
children: title
|
|
98
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
99
|
+
style: s.actions,
|
|
100
|
+
children: [/*#__PURE__*/_jsx(Button, {
|
|
101
|
+
variant: "secondary",
|
|
102
|
+
style: s.action,
|
|
103
|
+
disabled: loading,
|
|
104
|
+
onPress: () => onOpenChange(false),
|
|
105
|
+
children: cancelLabel
|
|
106
|
+
}), /*#__PURE__*/_jsx(Button, {
|
|
107
|
+
variant: destructive ? 'destructive' : 'solid',
|
|
108
|
+
style: s.action,
|
|
109
|
+
loading: loading,
|
|
110
|
+
onPress: onConfirm,
|
|
111
|
+
children: confirmLabel
|
|
112
|
+
})]
|
|
113
|
+
})]
|
|
114
|
+
})
|
|
115
|
+
}), /*#__PURE__*/_jsx(ToastHost, {})]
|
|
116
|
+
});
|
|
117
|
+
}
|
|
118
|
+
//# sourceMappingURL=dialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Animated","Modal","Text","View","Backdrop","useOverlayTransition","useTheme","makeStyles","Button","ToastHost","jsx","_jsx","jsxs","_jsxs","useStyles","t","root","flex","justifyContent","padding","space","panel","alignSelf","width","maxWidth","paddingTop","paddingHorizontal","paddingBottom","gap","borderRadius","backgroundColor","colors","background","boxShadow","shadow","md","title","fontFamily","fontSize","lineHeight","fontWeight","textAlign","color","foreground","actions","flexDirection","action","radius","lg","Dialog","open","onOpenChange","onConfirm","confirmLabel","cancelLabel","destructive","loading","dismissible","s","mounted","progress","close","visible","transparent","animationType","statusBarTranslucent","navigationBarTranslucent","onRequestClose","children","onPress","label","pointerEvents","style","accessibilityViewIsModal","accessibilityRole","opacity","transform","scale","interpolate","inputRange","outputRange","maxFontSizeMultiplier","maxFontScale","variant","disabled"],"sourceRoot":"../../../../src","sources":["components/dialog/dialog.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Dialog"],"sourceRoot":"../../../../src","sources":["components/dialog/index.ts"],"mappings":";;AAAA,SAASA,MAAM,QAA0B,aAAU","ignoreList":[]}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { StyleSheet, View } from 'react-native';
|
|
4
|
+
import { useTheme } from "../../theme/theme-provider.js";
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
/** 가로 구분선. 목록에서는 FlatList의 ItemSeparatorComponent로 쓴다 */
|
|
7
|
+
export function Divider({
|
|
8
|
+
inset = 0,
|
|
9
|
+
style
|
|
10
|
+
}) {
|
|
11
|
+
const t = useTheme();
|
|
12
|
+
return /*#__PURE__*/_jsx(View, {
|
|
13
|
+
accessible: false,
|
|
14
|
+
style: [{
|
|
15
|
+
height: StyleSheet.hairlineWidth,
|
|
16
|
+
marginLeft: inset,
|
|
17
|
+
backgroundColor: t.colors.border
|
|
18
|
+
}, style]
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=divider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["StyleSheet","View","useTheme","jsx","_jsx","Divider","inset","style","t","accessible","height","hairlineWidth","marginLeft","backgroundColor","colors","border"],"sourceRoot":"../../../../src","sources":["components/divider/divider.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,QAAwC,cAAc;AAC/E,SAASC,QAAQ,QAAQ,+BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQtD;AACA,OAAO,SAASC,OAAOA,CAAC;EAAEC,KAAK,GAAG,CAAC;EAAEC;AAAoB,CAAC,EAAE;EAC1D,MAAMC,CAAC,GAAGN,QAAQ,CAAC,CAAC;EACpB,oBACEE,IAAA,CAACH,IAAI;IACHQ,UAAU,EAAE,KAAM;IAClBF,KAAK,EAAE,CACL;MACEG,MAAM,EAAEV,UAAU,CAACW,aAAa;MAChCC,UAAU,EAAEN,KAAK;MACjBO,eAAe,EAAEL,CAAC,CAACM,MAAM,CAACC;IAC5B,CAAC,EACDR,KAAK;EACL,CACH,CAAC;AAEN","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Divider"],"sourceRoot":"../../../../src","sources":["components/divider/index.ts"],"mappings":";;AAAA,SAASA,OAAO,QAA2B,cAAW","ignoreList":[]}
|