@agorapulse/ui-theme 20.1.2 → 20.1.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.
Files changed (4) hide show
  1. package/agorapulse-ui-theme-20.1.3.tgz +0 -0
  2. package/assets/style/_table.scss +51 -54
  3. package/package.json +1 -1
  4. package/agorapulse-ui-theme-20.1.2.tgz +0 -0
package/agorapulse-ui-theme-20.1.3.tgz ADDED
Binary file
package/assets/style/_table.scss CHANGED
@@ -73,14 +73,20 @@
73
73
  opacity: 1;
74
74
  }
75
75
  }
76
+ }
77
+
78
+ // Checkbox cells - shared styles for both header and body
79
+ th[cdk-header-cell].ap-table__header-cell--checkbox,
80
+ td[cdk-cell].ap-table__body-cell--checkbox {
81
+ width: 52px;
82
+ text-align: center;
83
+ }
76
84
 
77
- // Checkbox header cells
78
- &.ap-table__header-cell--checkbox {
85
+ // Small variant checkbox cells
86
+ &.ap-table--small {
87
+ th[cdk-header-cell].ap-table__header-cell--checkbox,
88
+ td[cdk-cell].ap-table__body-cell--checkbox {
79
89
  width: 40px;
80
- text-align: center;
81
- justify-content: center;
82
- padding: var(--ref-spacing-xs);
83
- vertical-align: middle;
84
90
  }
85
91
  }
86
92
 
@@ -104,15 +110,6 @@
104
110
  }
105
111
  }
106
112
 
107
- // Checkbox body cells
108
- &.ap-table__body-cell--checkbox {
109
- width: 40px;
110
- text-align: center;
111
- justify-content: center;
112
- padding: var(--ref-spacing-xs);
113
- vertical-align: middle;
114
- }
115
-
116
113
  // Drag handle body cells
117
114
  &.ap-table__body-cell--drag {
118
115
  padding: 0 var(--ref-spacing-sm);
@@ -196,52 +193,52 @@
196
193
  gap: var(--ref-spacing-xxxs);
197
194
  }
198
195
  }
199
- }
200
196
 
201
- // CDK Drag and Drop styling - applied globally
202
- tr[cdk-row].cdk-drag-preview,
203
- .cdk-drag-preview {
204
- display: flex;
205
- align-items: center;
206
- border-radius: var(--ref-border-radius-md);
207
- background-color: var(--ref-color-electric-blue-10);
208
- border: 1px solid var(--ref-color-electric-blue-40);
209
- opacity: 0.95;
197
+ // CDK Drag and Drop styling - applied globally
198
+ tr[cdk-row].cdk-drag-preview,
199
+ .cdk-drag-preview {
200
+ display: flex;
201
+ align-items: center;
202
+ border-radius: var(--ref-border-radius-md);
203
+ background-color: var(--ref-color-electric-blue-10);
204
+ border: 1px solid var(--ref-color-electric-blue-40);
205
+ opacity: 0.95;
210
206
 
211
- // Remove default table borders from preview
212
- td[cdk-cell] {
213
- border: none;
214
- padding: var(--ref-spacing-xs);
215
- font-size: var(--ref-font-size-sm);
216
- color: var(--ref-color-grey-100);
217
- font-family: Averta;
218
- background-color: transparent;
219
- }
207
+ // Remove default table borders from preview
208
+ td[cdk-cell] {
209
+ border: none;
210
+ padding: var(--ref-spacing-xs);
211
+ font-size: var(--ref-font-size-sm);
212
+ color: var(--ref-color-grey-100);
213
+ font-family: Averta;
214
+ background-color: transparent;
215
+ }
220
216
 
221
- // Preserve text styling in drag preview
222
- .ap-table__cell-text {
223
- color: var(--ref-color-grey-100);
224
- font-size: var(--ref-font-size-sm);
225
- font-family: Averta;
217
+ // Preserve text styling in drag preview
218
+ .ap-table__cell-text {
219
+ color: var(--ref-color-grey-100);
220
+ font-size: var(--ref-font-size-sm);
221
+ font-family: Averta;
226
222
 
227
- &.ap-table__cell-text--bold {
228
- font-weight: var(--ref-font-weight-bold);
223
+ &.ap-table__cell-text--bold {
224
+ font-weight: var(--ref-font-weight-bold);
225
+ }
229
226
  }
230
227
  }
231
- }
232
228
 
233
- .cdk-drag-placeholder {
234
- background-color: var(--ref-color-electric-blue-05) !important;
235
- border: 1px dashed var(--ref-color-electric-blue-30) !important;
236
- opacity: 0.7 !important;
237
- transition: transform 250ms cubic-bezier(0, 0, 0.2, 1) !important;
238
- }
229
+ .cdk-drag-placeholder {
230
+ background-color: var(--ref-color-electric-blue-05) !important;
231
+ border: 1px dashed var(--ref-color-electric-blue-30) !important;
232
+ opacity: 0.7 !important;
233
+ transition: transform 250ms cubic-bezier(0, 0, 0.2, 1) !important;
234
+ }
239
235
 
240
- .cdk-drag-animating {
241
- transition: transform 350ms cubic-bezier(0, 0, 0.2, 1);
242
- }
236
+ .cdk-drag-animating {
237
+ transition: transform 350ms cubic-bezier(0, 0, 0.2, 1);
238
+ }
243
239
 
244
- // Dragging state styles
245
- .cdk-drop-list-dragging .cdk-drag {
246
- transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
240
+ // Dragging state styles
241
+ .cdk-drop-list-dragging .cdk-drag {
242
+ transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
243
+ }
247
244
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@agorapulse/ui-theme",
3
- "version": "20.1.2",
3
+ "version": "20.1.3",
4
4
  "description": "Agorapulse UI Theme Library",
5
5
  "repository": {
6
6
  "type": "git",
package/agorapulse-ui-theme-20.1.2.tgz DELETED
Binary file