@operato/input 1.7.3 → 1.11.3

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.
@@ -126,7 +126,7 @@ const Template: Story<ArgTypes> = ({}: ArgTypes) => html`
126
126
  --button-primary-font: bold 16px var(--theme-font);
127
127
 
128
128
  /* table style */
129
- --th-padding: var(--padding-default) 0 var(--padding-default) var(--padding-default);
129
+ --th-padding: var(--padding-default);
130
130
  --th-border-top: 2px solid var(--secondary-color);
131
131
  --th-text-transform: capitalize;
132
132
  --th-font: bold var(--fontsize-small) var(--theme-font);
@@ -135,11 +135,14 @@ const Template: Story<ArgTypes> = ({}: ArgTypes) => html`
135
135
  --tr-background-color: var(--theme-white-color);
136
136
  --tr-background-odd-color: rgba(255, 255, 255, 0.4);
137
137
  --tr-background-hover-color: #e1f5fe;
138
+ --td-border-line: 1px solid rgba(0, 0, 0, 0.05);
138
139
  --td-border-bottom: 1px solid rgba(0, 0, 0, 0.09);
139
140
  --td-padding: var(--padding-default);
140
141
  --td-font: normal 13px var(--theme-font);
141
142
  --td-color: var(--secondary-color);
142
143
 
144
+ --label-cell-background-color: #f6f6f6; /* th or td common background color */
145
+
143
146
  /* form style */
144
147
  --label-font: normal var(--fontsize-default) var(--theme-font);
145
148
  --label-color: var(--secondary-color);
@@ -102,7 +102,7 @@ body {
102
102
  --button-primary-font: bold 16px var(--theme-font);
103
103
 
104
104
  /* table style */
105
- --th-padding: var(--padding-default) 0 var(--padding-default) var(--padding-default);
105
+ --th-padding: var(--padding-default);
106
106
  --th-border-top: 2px solid var(--secondary-color);
107
107
  --th-text-transform: capitalize;
108
108
  --th-font: bold var(--fontsize-small) var(--theme-font);
@@ -111,11 +111,14 @@ body {
111
111
  --tr-background-color: var(--theme-white-color);
112
112
  --tr-background-odd-color: rgba(255, 255, 255, 0.4);
113
113
  --tr-background-hover-color: #e1f5fe;
114
+ --td-border-line: 1px solid rgba(0, 0, 0, 0.05);
114
115
  --td-border-bottom: 1px solid rgba(0, 0, 0, 0.09);
115
116
  --td-padding: var(--padding-default);
116
117
  --td-font: normal 13px var(--theme-font);
117
118
  --td-color: var(--secondary-color);
118
119
 
120
+ --label-cell-background-color: #f6f6f6; /* th or td common background color */
121
+
119
122
  /* form style */
120
123
  --label-font: normal var(--fontsize-default) var(--theme-font);
121
124
  --label-color: var(--secondary-color);