@controleonline/ui-default 1.0.275 → 1.0.277

package/src/react/components/table/DefaultTable.styleGroup3.js

@@ -0,0 +1,108 @@
+import {Platform} from 'react-native';
+import {shadow} from './DefaultTable.shadow';
+export default {
+modalCard: {
+    width: '100%',
+    maxWidth: 860,
+    maxHeight: '86%',
+    borderRadius: 12,
+    backgroundColor: '#FFFFFF',
+    overflow: 'hidden',
+    ...shadow,
+  },
+modalHeader: {
+    minHeight: 48,
+    paddingHorizontal: 14,
+    borderBottomWidth: 1,
+    borderBottomColor: '#E2E8F0',
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+  },
+modalTitle: {
+    color: '#0F172A',
+    fontSize: 16,
+    fontWeight: '900',
+  },
+modalCloseButton: {
+    width: 32,
+    height: 32,
+    borderRadius: 16,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderWidth: 1,
+    borderColor: '#E2E8F0',
+    backgroundColor: '#F8FAFC',
+  },
+modalBody: {
+    maxHeight: 520,
+  },
+formGrid: {
+    padding: 14,
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    gap: 10,
+  },
+formField: {
+    flexGrow: 1,
+    flexBasis: 220,
+    minWidth: 220,
+  },
+formLabel: {
+    marginBottom: 4,
+    color: '#64748B',
+    fontSize: 10,
+    fontWeight: '900',
+    letterSpacing: 0.3,
+    textTransform: 'uppercase',
+  },
+formInput: {
+    height: 34,
+    borderWidth: 1,
+    borderColor: '#CBD5E1',
+    borderRadius: 8,
+    paddingHorizontal: 10,
+    color: '#0F172A',
+    backgroundColor: '#FFFFFF',
+    fontSize: 12,
+    fontWeight: '700',
+  },
+modalActions: {
+    minHeight: 52,
+    paddingHorizontal: 14,
+    borderTopWidth: 1,
+    borderTopColor: '#E2E8F0',
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'flex-end',
+    gap: 8,
+  },
+secondaryButton: {
+    height: 34,
+    borderRadius: 8,
+    borderWidth: 1,
+    borderColor: '#CBD5E1',
+    paddingHorizontal: 14,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: '#FFFFFF',
+  },
+secondaryButtonText: {
+    color: '#334155',
+    fontSize: 12,
+    fontWeight: '800',
+  },
+primaryButton: {
+    height: 34,
+    borderRadius: 8,
+    paddingHorizontal: 16,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: '#0EA5E9',
+  },
+primaryButtonText: {
+    color: '#FFFFFF',
+    fontSize: 12,
+    fontWeight: '900',
+  }
+};