Class: Plutonium::UI::Form::Theme

Inherits:
Phlexi::Form::Theme
  • Object
show all
Defined in:
lib/plutonium/ui/form/theme.rb

Class Method Summary collapse

Class Method Details

.theme ⇒ Object 



7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
 
# File 'lib/plutonium/ui/form/theme.rb', line 7

def self.theme
  super.merge({
    # Form structure
    base: "pu-card my-4 p-8 space-y-8",
    fields_wrapper: "grid grid-cols-1 md:grid-cols-2 2xl:grid-cols-4 gap-6 grid-flow-row-dense",
    actions_wrapper: "flex justify-end gap-3 pt-4 border-t border-[var(--pu-border-muted)]",
    wrapper: nil,
    inner_wrapper: "w-full",

    # Form errors
    form_errors_wrapper: "flex items-start gap-3 p-4 mb-6 text-base text-danger-800 rounded-[var(--pu-radius-lg)] bg-danger-50 border border-danger-200 dark:bg-danger-950/30 dark:border-danger-800 dark:text-danger-300",
    form_errors_message: "font-semibold",
    form_errors_list: "mt-2 list-disc list-inside text-sm",

    # Label themes
    label: "mt-2 block mb-2 text-base font-semibold",
    invalid_label: "text-danger-700 dark:text-danger-400",
    valid_label: "text-success-700 dark:text-success-400",
    neutral_label: "text-[var(--pu-text)]",

    # Input themes
    input: "pu-input",
    invalid_input: "pu-input pu-input-invalid",
    valid_input: "pu-input pu-input-valid",
    neutral_input: "",

    # Checkbox
    checkbox: "pu-checkbox",

    # Radio buttons
    radio_button: "pu-checkbox",

    # Color
    color: "pu-color-input appearance-none bg-transparent border-none cursor-pointer w-12 h-12 rounded-lg",
    invalid_color: nil,
    valid_color: nil,
    neutral_color: nil,

    # File input
    file: "pu-input py-2 [&::file-selector-button]:mr-4 [&::file-selector-button]:px-4 [&::file-selector-button]:py-2 [&::file-selector-button]:bg-[var(--pu-surface-alt)] [&::file-selector-button]:border-0 [&::file-selector-button]:rounded-md [&::file-selector-button]:text-sm [&::file-selector-button]:font-semibold [&::file-selector-button]:text-[var(--pu-text-muted)] [&::file-selector-button]:hover:bg-[var(--pu-border)] [&::file-selector-button]:cursor-pointer [&::file-selector-button]:transition-colors",

    # Hint themes
    hint: "pu-hint whitespace-pre",

    # Error themes
    error: "pu-error",

    # Button themes
    button: "pu-btn pu-btn-md pu-btn-primary",

    # Flatpickr
    flatpickr: :input,
    valid_flatpickr: :valid_input,
    invalid_flatpickr: :invalid_input,
    neutral_flatpickr: :neutral_input,

    # Int tel input
    int_tel_input: :input,
    valid_int_tel_input: :valid_input,
    invalid_int_tel_input: :invalid_input,
    neutral_int_tel_input: :neutral_input,

    # Uppy file upload
    uppy: :file,
    valid_uppy: :valid_file,
    invalid_uppy: :invalid_file,
    neutral_uppy: :neutral_file,

    # Association
    association: :select,
    valid_association: :valid_select,
    invalid_association: :invalid_select,
    neutral_association: :neutral_select,

    # Polymorphic association
    polymorpic_association: :association,
    valid_polymorpic_association: :valid_association,
    invalid_polymorpic_association: :invalid_association,
    neutral_polymorpic_association: :neutral_association
  })
end