domma-js 0.50.2 → 0.51.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.
@@ -1,9 +1,9 @@
1
1
  /*!
2
- * Domma Elements CSS v0.50.2
2
+ * Domma Elements CSS v0.51.0
3
3
  * Dynamic Object Manipulation & Modeling API
4
4
  * (c) 2026 Darryl Waterhouse & DCBW-IT
5
- * Built: 2026-09-28T15:52:45.610Z
6
- * Commit: 898a769
5
+ * Built: 2026-09-29T07:37:40.262Z
6
+ * Commit: f264aeb
7
7
  */
8
8
 
9
9
  /**
@@ -3152,9 +3152,9 @@ code {
3152
3152
  }
3153
3153
 
3154
3154
  .footer-dark {
3155
- background-color: var(--dm-background);
3155
+ background-color: var(--dm-dark, #1e293b);
3156
3156
  border-top-color: var(--dm-border-dark);
3157
- color: var(--dm-text-disabled);
3157
+ color: var(--dm-white, #ffffff);
3158
3158
  }
3159
3159
 
3160
3160
 
@@ -3181,13 +3181,14 @@ code {
3181
3181
  }
3182
3182
 
3183
3183
  .hero-dark {
3184
- background-color: var(--dm-surface-overlay, var(--dm-text));
3185
- color: var(--dm-text-inverse);
3184
+ background-color: var(--dm-dark, #1e293b);
3185
+ color: var(--dm-white, #ffffff);
3186
3186
  }
3187
3187
 
3188
3188
  .hero-primary {
3189
- background: linear-gradient(135deg, var(--dm-primary) 0%, var(--dm-primary-dark, #4a7fd4) 100%);
3190
- color: var(--dm-text-inverse);
3189
+ background-color: var(--dm-primary);
3190
+ background-image: linear-gradient(135deg, var(--dm-primary) 0%, var(--dm-primary-dark, #4a7fd4) 100%);
3191
+ color: var(--dm-primary-text, var(--dm-white));
3191
3192
  }
3192
3193
 
3193
3194
  .hero-cover {
@@ -4293,13 +4294,15 @@ code {
4293
4294
 
4294
4295
  /* Dark variant */
4295
4296
  .sidebar-dark {
4296
- background: var(--dm-gray-900, #212529);
4297
+ background: var(--dm-dark, var(--dm-gray-900, #212529));
4297
4298
  border-color: var(--dm-gray-700, #495057);
4299
+ color: var(--dm-white, #ffffff);
4298
4300
  }
4299
4301
 
4300
4302
  .sidebar-dark .sidebar-header {
4301
4303
  background: var(--dm-gray-800, #343a40);
4302
4304
  border-color: var(--dm-gray-700, #495057);
4305
+ color: var(--dm-white, #ffffff);
4303
4306
  }
4304
4307
 
4305
4308
  .sidebar-dark .sidebar-header-title {
@@ -4317,26 +4320,27 @@ code {
4317
4320
  }
4318
4321
 
4319
4322
  .sidebar-dark .sidebar-link.active {
4320
- color: var(--dm-text-light, #eaeaea);
4321
- background: var(--dm-primary-light, rgba(102, 178, 255, 0.15));
4322
- border-left-color: var(--dm-text);
4323
+ color: var(--dm-white, #ffffff);
4324
+ background: rgba(255, 255, 255, 0.12);
4325
+ border-left-color: var(--dm-primary, #3b82f6);
4323
4326
  }
4324
4327
 
4325
4328
  .sidebar-dark .sidebar-heading {
4326
- color: var(--dm-gray-500, #6c757d);
4329
+ color: var(--dm-gray-400, #94a3b8);
4327
4330
  }
4328
4331
 
4329
4332
  .sidebar-dark .sidebar-divider {
4330
- background: var(--dm-gray-700, #495057);
4333
+ background: var(--dm-border-dark, var(--dm-gray-700, #495057));
4331
4334
  }
4332
4335
 
4333
4336
  .sidebar-dark .sidebar-footer {
4334
4337
  background: var(--dm-gray-800, #343a40);
4335
4338
  border-color: var(--dm-gray-700, #495057);
4339
+ color: var(--dm-white, #ffffff);
4336
4340
  }
4337
4341
 
4338
4342
  .sidebar-dark .sidebar-footer-text {
4339
- color: var(--dm-gray-500, #6c757d);
4343
+ color: var(--dm-gray-400, #94a3b8);
4340
4344
  }
4341
4345
 
4342
4346
  /* Theme variant: no rules of its own, so the base rules above follow the
@@ -4344,8 +4348,9 @@ code {
4344
4348
 
4345
4349
  /* Light variant (explicit) */
4346
4350
  .sidebar-light {
4347
- background: var(--dm-white, #fff);
4351
+ background: var(--dm-surface, var(--dm-white, #fff));
4348
4352
  border-color: var(--dm-border, #dee2e6);
4353
+ color: var(--dm-text);
4349
4354
  }
4350
4355
 
4351
4356
  /* ============================================
@@ -4953,50 +4958,51 @@ code {
4953
4958
 
4954
4959
  /* Dark variant */
4955
4960
  .footer-dark {
4956
- background: var(--dm-background, var(--dm-gray-900));
4961
+ background: var(--dm-dark, var(--dm-gray-900));
4957
4962
  border-color: var(--dm-border-dark, var(--dm-gray-700));
4963
+ color: var(--dm-white, #ffffff);
4958
4964
  }
4959
4965
 
4960
4966
  .footer-dark .footer-brand-text {
4961
- color: var(--dm-text-inverse, var(--dm-white));
4967
+ color: var(--dm-white, #ffffff);
4962
4968
  }
4963
4969
 
4964
4970
  .footer-dark .footer-brand-description {
4965
- color: var(--dm-text-secondary, var(--dm-gray-300));
4971
+ color: var(--dm-gray-300, #cbd5e1);
4966
4972
  }
4967
4973
 
4968
4974
  .footer-dark .footer-link {
4969
- color: var(--dm-text-muted, var(--dm-gray-400));
4975
+ color: var(--dm-gray-300, #cbd5e1);
4970
4976
  }
4971
4977
 
4972
4978
  .footer-dark .footer-link:hover {
4973
- color: var(--dm-primary-light, #66b2ff);
4979
+ color: var(--dm-blue-300, #93c5fd);
4974
4980
  }
4975
4981
 
4976
4982
  .footer-dark .footer-column-title {
4977
- color: var(--dm-text-inverse, var(--dm-white));
4983
+ color: var(--dm-white, #ffffff);
4978
4984
  }
4979
4985
 
4980
4986
  .footer-dark .footer-column-link {
4981
- color: var(--dm-text-muted, var(--dm-gray-400));
4987
+ color: var(--dm-gray-300, #cbd5e1);
4982
4988
  }
4983
4989
 
4984
4990
  .footer-dark .footer-column-link:hover {
4985
- color: var(--dm-primary-light, #66b2ff);
4991
+ color: var(--dm-blue-300, #93c5fd);
4986
4992
  }
4987
4993
 
4988
4994
  .footer-dark .footer-copyright {
4989
- color: var(--dm-text-muted, var(--dm-gray-500));
4995
+ color: var(--dm-gray-400, #94a3b8);
4990
4996
  border-color: var(--dm-border-dark, var(--dm-gray-700));
4991
4997
  }
4992
4998
 
4993
4999
  .footer-dark .footer-social-link {
4994
- color: var(--dm-text-muted, var(--dm-gray-400));
5000
+ color: var(--dm-gray-300, #cbd5e1);
4995
5001
  }
4996
5002
 
4997
5003
  .footer-dark .footer-social-link:hover {
4998
- color: var(--dm-text);
4999
- background: var(--dm-background-alt, var(--dm-gray-800));
5004
+ color: var(--dm-white, #ffffff);
5005
+ background: var(--dm-gray-800, #334155);
5000
5006
  }
5001
5007
 
5002
5008
  .footer-dark .footer-columns-content {
@@ -5007,6 +5013,7 @@ code {
5007
5013
  .footer-light {
5008
5014
  background: var(--dm-surface, var(--dm-white));
5009
5015
  border-color: var(--dm-border, #dee2e6);
5016
+ color: var(--dm-text);
5010
5017
  }
5011
5018
 
5012
5019
  /* Transparent variant */
@@ -5101,39 +5108,39 @@ code {
5101
5108
  }
5102
5109
 
5103
5110
  .bg-dark {
5104
- background-color: var(--dm-background) !important;
5105
- color: var(--dm-text-inverse, var(--dm-white)) !important;
5111
+ background-color: var(--dm-dark, #1e293b) !important;
5112
+ color: var(--dm-white, #ffffff) !important;
5106
5113
  }
5107
5114
 
5108
5115
  /* Background Tints (Lighter) */
5109
5116
  .bg-primary-light {
5110
5117
  background-color: var(--dm-primary-bg) !important;
5111
- color: var(--dm-primary) !important;
5118
+ color: var(--dm-text) !important;
5112
5119
  }
5113
5120
 
5114
5121
  .bg-secondary-light {
5115
5122
  background-color: var(--dm-secondary-bg) !important;
5116
- color: var(--dm-secondary) !important;
5123
+ color: var(--dm-text) !important;
5117
5124
  }
5118
5125
 
5119
5126
  .bg-success-light {
5120
5127
  background-color: var(--dm-success-bg) !important;
5121
- color: var(--dm-success) !important;
5128
+ color: var(--dm-text) !important;
5122
5129
  }
5123
5130
 
5124
5131
  .bg-danger-light {
5125
5132
  background-color: var(--dm-danger-bg) !important;
5126
- color: var(--dm-danger) !important;
5133
+ color: var(--dm-text) !important;
5127
5134
  }
5128
5135
 
5129
5136
  .bg-warning-light {
5130
5137
  background-color: var(--dm-warning-bg) !important;
5131
- color: var(--dm-warning) !important;
5138
+ color: var(--dm-text) !important;
5132
5139
  }
5133
5140
 
5134
5141
  .bg-info-light {
5135
5142
  background-color: var(--dm-info-bg) !important;
5136
- color: var(--dm-info) !important;
5143
+ color: var(--dm-text) !important;
5137
5144
  }
5138
5145
 
5139
5146
 
@@ -5214,8 +5221,8 @@ code {
5214
5221
  }
5215
5222
 
5216
5223
  .dm-treeview-node-selected {
5217
- background-color: var(--dm-blue-50);
5218
- color: var(--dm-primary);
5224
+ background-color: var(--dm-hover-bg);
5225
+ color: var(--dm-text);
5219
5226
  font-weight: 500;
5220
5227
  }
5221
5228
 
@@ -6266,24 +6273,24 @@ code {
6266
6273
 
6267
6274
  [data-mode="dark"] .domma-table-regex-button {
6268
6275
  background: var(--dm-surface);
6269
- border-color: var(--dm-text);
6270
- color: var(--dm-text-disabled);
6276
+ border-color: var(--dm-border);
6277
+ color: var(--dm-text);
6271
6278
  }
6272
6279
 
6273
6280
  [data-mode="dark"] .domma-table-regex-button:hover:not(.active) {
6274
- background: var(--dm-surface);
6281
+ background: var(--dm-hover-bg);
6275
6282
  border-color: var(--dm-text-secondary);
6276
6283
  }
6277
6284
 
6278
6285
  [data-mode="dark"] .domma-table-column-button,
6279
6286
  [data-mode="dark"] .domma-table-export-button {
6280
6287
  background: var(--dm-surface);
6281
- border-color: var(--dm-text);
6282
- color: var(--dm-text-disabled);
6288
+ border-color: var(--dm-border);
6289
+ color: var(--dm-text);
6283
6290
  }
6284
6291
 
6285
6292
  [data-mode="dark"] .domma-table-column-button:hover {
6286
- background: var(--dm-surface);
6293
+ background: var(--dm-hover-bg);
6287
6294
  border-color: var(--dm-text-secondary);
6288
6295
  }
6289
6296
 
@@ -7046,22 +7053,22 @@ code {
7046
7053
  }
7047
7054
 
7048
7055
  .dm-progression-priority-low {
7049
- background: var(--dm-background-alt);
7056
+ background: var(--dm-hover-bg, rgba(0, 0, 0, 0.05));
7050
7057
  color: var(--dm-text);
7051
7058
  }
7052
7059
 
7053
7060
  .dm-progression-priority-medium {
7054
- background: var(--dm-info-light, rgba(59, 130, 246, 0.1));
7061
+ background: var(--dm-info-bg);
7055
7062
  color: var(--dm-text);
7056
7063
  }
7057
7064
 
7058
7065
  .dm-progression-priority-high {
7059
- background: var(--dm-warning-light, rgba(245, 158, 11, 0.1));
7066
+ background: var(--dm-warning-bg);
7060
7067
  color: var(--dm-text);
7061
7068
  }
7062
7069
 
7063
7070
  .dm-progression-priority-critical {
7064
- background: var(--dm-danger-light, rgba(239, 68, 68, 0.1));
7071
+ background: var(--dm-danger-bg);
7065
7072
  color: var(--dm-text);
7066
7073
  }
7067
7074
 
@@ -7109,7 +7116,7 @@ code {
7109
7116
  }
7110
7117
 
7111
7118
  .dm-progression-modern .dm-progression-content {
7112
- background: linear-gradient(135deg, var(--dm-surface, #fff) 0%, var(--dm-gray-50) 100%);
7119
+ background: linear-gradient(135deg, var(--dm-surface, #fff) 0%, var(--dm-background-alt, var(--dm-surface)) 100%);
7113
7120
  border-color: var(--dm-border-color, #e0e0e0);
7114
7121
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
7115
7122
  }
@@ -7161,8 +7168,8 @@ code {
7161
7168
  }
7162
7169
 
7163
7170
  [data-mode="dark"] .dm-progression-priority-low {
7164
- background: var(--dm-surface);
7165
- color: var(--dm-text-inverse);
7171
+ background: var(--dm-hover-bg);
7172
+ color: var(--dm-text);
7166
7173
  }
7167
7174
 
7168
7175
  /* Desktop (≥769px) - Progression enhancements */
@@ -7869,7 +7876,7 @@ code {
7869
7876
  height: 18px;
7870
7877
  border-radius: 50%;
7871
7878
  background: var(--picker-accent, var(--dm-primary));
7872
- color: #fff;
7879
+ color: var(--dm-primary-text, #ffffff);
7873
7880
  display: none;
7874
7881
  align-items: center;
7875
7882
  justify-content: center;
@@ -7935,7 +7942,7 @@ code {
7935
7942
  .domma-chooser[data-variant="chip"] .picker-option.is-selected {
7936
7943
  border-color: var(--picker-accent, var(--dm-primary));
7937
7944
  background: var(--picker-accent, var(--dm-primary));
7938
- color: #fff;
7945
+ color: var(--dm-primary-text, #ffffff);
7939
7946
  }
7940
7947
 
7941
7948
  .domma-chooser[data-variant="chip"] .picker-option:focus-visible {
@@ -8042,17 +8049,17 @@ code {
8042
8049
 
8043
8050
  /* === Accent styles (default 'border' is the existing behaviour) === */
8044
8051
 
8045
- /* Solid: filled tile in the accent colour, white text */
8052
+ /* Solid: filled tile in the accent colour, accessible text */
8046
8053
  .domma-chooser[data-accent-style="solid"][data-variant="card"] .picker-option.is-selected {
8047
8054
  background: var(--picker-accent);
8048
8055
  border-color: var(--picker-accent);
8049
- color: #fff;
8056
+ color: var(--dm-primary-text, #ffffff);
8050
8057
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--picker-accent) 22%, transparent);
8051
8058
  }
8052
8059
  .domma-chooser[data-accent-style="solid"][data-variant="card"] .picker-option.is-selected .picker-option-label,
8053
8060
  .domma-chooser[data-accent-style="solid"][data-variant="card"] .picker-option.is-selected .picker-option-desc,
8054
8061
  .domma-chooser[data-accent-style="solid"][data-variant="card"] .picker-option.is-selected .picker-option-icon {
8055
- color: #fff;
8062
+ color: var(--dm-primary-text, #ffffff);
8056
8063
  }
8057
8064
  .domma-chooser[data-accent-style="solid"][data-variant="card"] .picker-option.is-selected .picker-option-icon {
8058
8065
  background: rgba(255, 255, 255, 0.2);
@@ -8089,7 +8096,7 @@ code {
8089
8096
  .domma-chooser[data-accent-style="solid"][data-variant="chip"] .picker-option.is-selected {
8090
8097
  background: var(--picker-accent);
8091
8098
  border-color: var(--picker-accent);
8092
- color: #fff;
8099
+ color: var(--dm-primary-text, #ffffff);
8093
8100
  }
8094
8101
  .domma-chooser[data-accent-style="glow"][data-variant="chip"] .picker-option.is-selected {
8095
8102
  background: var(--dm-card-bg);
@@ -1,9 +1,9 @@
1
1
  /*!
2
- * Domma Grid CSS v0.50.2
2
+ * Domma Grid CSS v0.51.0
3
3
  * Dynamic Object Manipulation & Modeling API
4
4
  * (c) 2026 Darryl Waterhouse & DCBW-IT
5
- * Built: 2026-09-28T15:52:45.605Z
6
- * Commit: 898a769
5
+ * Built: 2026-09-29T07:37:40.259Z
6
+ * Commit: f264aeb
7
7
  */
8
8
 
9
9
  /**
@@ -1,9 +1,9 @@
1
1
  /*!
2
- * Domma Syntax Highlighting CSS v0.50.2
2
+ * Domma Syntax Highlighting CSS v0.51.0
3
3
  * Dynamic Object Manipulation & Modeling API
4
4
  * (c) 2026 Darryl Waterhouse & DCBW-IT
5
- * Built: 2026-09-28T15:52:45.615Z
6
- * Commit: 898a769
5
+ * Built: 2026-09-29T07:37:40.265Z
6
+ * Commit: f264aeb
7
7
  */
8
8
 
9
9
  /**
@@ -1,9 +1,9 @@
1
1
  /*!
2
- * Domma Themes v0.50.2
2
+ * Domma Themes v0.51.0
3
3
  * Dynamic Object Manipulation & Modeling API
4
4
  * (c) 2026 Darryl Waterhouse & DCBW-IT
5
- * Built: 2026-09-28T15:52:45.587Z
6
- * Commit: 898a769
5
+ * Built: 2026-09-29T07:37:40.246Z
6
+ * Commit: f264aeb
7
7
  */
8
8
 
9
9
  /**