graphwise-styleguide 0.0.1-init12 → 0.0.1-init14

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 (3) hide show
  1. package/dist/variables-dark.css +35 -33
  2. package/dist/variables-light.css +35 -33
  3. package/package.json +5 -2
package/dist/variables-dark.css CHANGED
@@ -1639,7 +1639,7 @@
1639
1639
  --gw-form-field-transition-duration: var(--gw-transition-duration);
1640
1640
  --gw-form-field-base-font-size: var(--gw-base-font-size);
1641
1641
  --gw-focus-ring-style: var(--gw-style-solid);
1642
- --gw-defaul-border-radius: var(--gw-border-radius-none);
1642
+ --gw-default-border-radius: var(--gw-border-radius-none);
1643
1643
  --gw-sidenav-menuitem-label-font-weight: var(--gw-font-weight-400);
1644
1644
  --gw-sidenav-submenuitem-label-font-weight: var(--gw-font-weight-500);
1645
1645
  --gw-button-sm-padding-y: var(--gw-form-field-sm-padding-y);
@@ -1698,6 +1698,7 @@
1698
1698
  --gw-autocomplete-option-group-padding: var(--gw-list-option-group-padding);
1699
1699
  --gw-autocomplete-dropdown-focus-ring-width: var(--gw-focus-ring-width);
1700
1700
  --gw-autocomplete-dropdown-focus-ring-offset: var(--gw-focus-ring-offset);
1701
+ --gw-autocomplete-dropdown-match-font-weight: var(--gw-font-weight-700);
1701
1702
  --gw-autocomplete-chip-border-radius: var(--gw-border-radius-sm);
1702
1703
  --gw-autocomplete-empty-message-padding: var(--gw-list-option-padding);
1703
1704
  --gw-autocomplete-transition-duration: var(--gw-transition-duration);
@@ -2158,7 +2159,7 @@
2158
2159
  --gw-tertiary-active-color: var(--gw-tertiary-light);
2159
2160
  --gw-disabled-background: var(--gw-neutral-200);
2160
2161
  --gw-disabled-color: var(--gw-neutral-600);
2161
- --gw-form-field-border-radius: var(--gw-defaul-border-radius);
2162
+ --gw-form-field-border-radius: var(--gw-default-border-radius);
2162
2163
  --gw-form-field-focus-ring-color: var(--gw-secondary-300);
2163
2164
  --gw-form-field-disabled-color: var(--gw-neutral-600);
2164
2165
  --gw-form-field-filled-background: var(--gw-neutral-100);
@@ -2168,22 +2169,26 @@
2168
2169
  --gw-form-field-float-label-color: var(--gw-neutral-500);
2169
2170
  --gw-form-field-float-label-focus-color: var(--gw-neutral-500);
2170
2171
  --gw-form-field-float-label-active-color: var(--gw-neutral-500);
2171
- --gw-content-border-radius: var(--gw-defaul-border-radius);
2172
+ --gw-content-border-radius: var(--gw-default-border-radius);
2172
2173
  --gw-focus-ring-color: var(--gw-secondary-300);
2173
- --gw-list-option-border-radius: var(--gw-defaul-border-radius);
2174
+ --gw-default-border-color: var(--gw-neutral-300);
2175
+ --gw-default-background: var(--gw-neutral-0);
2176
+ --gw-list-option-border-radius: var(--gw-default-border-radius);
2174
2177
  --gw-list-option-focus-background: var(--gw-neutral-100);
2175
2178
  --gw-list-option-icon-color: var(--gw-neutral-400);
2176
2179
  --gw-list-option-icon-focus-color: var(--gw-neutral-500);
2177
- --gw-sidenav-menuitem-border-radius: var(--gw-defaul-border-radius);
2180
+ --gw-sidenav-menuitem-border-radius: var(--gw-default-border-radius);
2178
2181
  --gw-sidenav-menuitem-hover-background: var(--gw-neutral-200);
2179
2182
  --gw-sidenav-menuitem-selected-background: var(--gw-neutral-200);
2180
2183
  --gw-sidenav-submenuitem-background: var(--gw-neutral-200);
2181
2184
  --gw-sidenav-submenuitem-hover-background: var(--gw-neutral-300);
2182
- --gw-overlay-select-border-radius: var(--gw-defaul-border-radius);
2185
+ --gw-sidenav-collapsebutton-background: var(--gw-neutral-shadow);
2186
+ --gw-sidenav-collapsebutton-color: var(--gw-neutral-400);
2187
+ --gw-overlay-select-border-radius: var(--gw-default-border-radius);
2183
2188
  --gw-overlay-select-background: var(--gw-neutral-0);
2184
- --gw-overlay-popover-border-radius: var(--gw-defaul-border-radius);
2189
+ --gw-overlay-popover-border-radius: var(--gw-default-border-radius);
2185
2190
  --gw-overlay-popover-background: var(--gw-neutral-0);
2186
- --gw-overlay-modal-border-radius: var(--gw-defaul-border-radius);
2191
+ --gw-overlay-modal-border-radius: var(--gw-default-border-radius);
2187
2192
  --gw-overlay-modal-background: var(--gw-neutral-0);
2188
2193
  --gw-button-padding-x: var(--gw-form-field-padding-x);
2189
2194
  --gw-button-padding-y: var(--gw-form-field-padding-y);
@@ -2233,9 +2238,7 @@
2233
2238
  --gw-hover-color: var(--gw-neutral-800);
2234
2239
  --gw-hover-background: var(--gw-neutral-200);
2235
2240
  --gw-hover-border-color: var(--gw-neutral-400);
2236
- --gw-default-border-color: var(--gw-neutral-300);
2237
- --gw-default-background: var(--gw-neutral-0);
2238
- --gw-inputtext-border-radius: var(--gw-defaul-border-radius);
2241
+ --gw-inputtext-border-radius: var(--gw-default-border-radius);
2239
2242
  --gw-inputtext-focus-ring-style: var(--gw-form-field-focus-ring-style);
2240
2243
  --gw-inputtext-padding-x: var(--gw-form-field-padding-x);
2241
2244
  --gw-inputtext-padding-y: var(--gw-form-field-padding-y);
@@ -2255,7 +2258,7 @@
2255
2258
  --gw-floatlabel-in-active-top: var(--gw-form-field-padding-y);
2256
2259
  --gw-radiobutton-focus-ring-style: var(--gw-focus-ring-style);
2257
2260
  --gw-radiobutton-transition-duration: var(--gw-form-field-transition-duration);
2258
- --gw-checkbox-border-radius: var(--gw-defaul-border-radius);
2261
+ --gw-checkbox-border-radius: var(--gw-default-border-radius);
2259
2262
  --gw-checkbox-focus-ring-style: var(--gw-focus-ring-style);
2260
2263
  --gw-checkbox-transition-duration: var(--gw-form-field-transition-duration);
2261
2264
  --gw-autocomplete-focus-ring-width: var(--gw-form-field-focus-ring-width);
@@ -2389,7 +2392,7 @@
2389
2392
  --gw-treetable-header-cell-focus-ring-style: var(--gw-focus-ring-style);
2390
2393
  --gw-treetable-row-focus-ring-style: var(--gw-focus-ring-style);
2391
2394
  --gw-treetable-node-toggle-button-focus-ring-style: var(--gw-focus-ring-style);
2392
- --gw-toast-border-radius: var(--gw-defaul-border-radius);
2395
+ --gw-toast-border-radius: var(--gw-default-border-radius);
2393
2396
  --gw-toast-close-button-focus-ring-style: var(--gw-focus-ring-style);
2394
2397
  --gw-toast-success-close-button-hover-background: var(--gw-success-100);
2395
2398
  --gw-toast-success-close-button-focus-ring-color: var(--gw-success-600);
@@ -2576,6 +2579,21 @@
2576
2579
  --gw-border-color-error: var(--gw-error-light);
2577
2580
  --gw-border-color-secondary: var(--gw-secondary-base);
2578
2581
  --gw-border-color-primary: var(--gw-primary-base);
2582
+ --gw-default-muted-color: var(--gw-muted-color);
2583
+ --gw-default-color: var(--gw-neutral-darker);
2584
+ --gw-default-success-background: var(--gw-success-base);
2585
+ --gw-default-success-color: var(--gw-success-dark);
2586
+ --gw-default-success-light-background: var(--gw-success-lighter);
2587
+ --gw-default-error-backgound: var(--gw-error-light);
2588
+ --gw-default-error-color: var(--gw-error-dark);
2589
+ --gw-default-error-light-backgound: var(--gw-error-lighter);
2590
+ --gw-default-secondary-background: var(--gw-secondary-base);
2591
+ --gw-default-secondary-color: var(--gw-secondary-base);
2592
+ --gw-default-secondary-light-backgound: var(--gw-secondary-lighter);
2593
+ --gw-default-primary-backgound: var(--gw-primary-base);
2594
+ --gw-default-primary-color: var(--gw-primary-base);
2595
+ --gw-default-primary-light-background: var(--gw-primary-lighter);
2596
+ --gw-default-contrast-background: var(--gw-contrast-background);
2579
2597
  --gw-list-option-focus-color: var(--gw-hover-color);
2580
2598
  --gw-list-option-selected-background: var(--gw-highlight-background);
2581
2599
  --gw-sidenav-menuitem-icon-color: var(--gw-primary-base);
@@ -2588,10 +2606,8 @@
2588
2606
  --gw-sidenav-submenuitem-color: var(--gw-secondary-base);
2589
2607
  --gw-sidenav-submenuitem-hover-color: var(--gw-secondary-base);
2590
2608
  --gw-sidenav-submenuitem-active-background: var(--gw-primary-base);
2591
- --gw-sidenav-collapsebutton-background: var(--gw-secondary-dark);
2592
2609
  --gw-sidenav-collapsebutton-hover-background: var(--gw-secondary-base);
2593
2610
  --gw-sidenav-collapsebutton-hover-color: var(--gw-neutral-lighter);
2594
- --gw-sidenav-collapsebutton-color: var(--gw-neutral-light);
2595
2611
  --gw-overlay-select-border-color: var(--gw-default-border-color);
2596
2612
  --gw-overlay-popover-border-color: var(--gw-default-border-color);
2597
2613
  --gw-overlay-modal-border-color: var(--gw-default-border-color);
@@ -2704,21 +2720,6 @@
2704
2720
  --gw-highlight-color: var(--gw-primary-base);
2705
2721
  --gw-text-color: var(--gw-neutral-darker);
2706
2722
  --gw-text-muted-color: var(--gw-muted-color);
2707
- --gw-default-muted-color: var(--gw-muted-color);
2708
- --gw-default-color: var(--gw-neutral-darker);
2709
- --gw-default-success-background: var(--gw-success-base);
2710
- --gw-default-success-color: var(--gw-success-dark);
2711
- --gw-default-success-light-background: var(--gw-success-lighter);
2712
- --gw-default-error-backgound: var(--gw-error-light);
2713
- --gw-default-error-color: var(--gw-error-dark);
2714
- --gw-default-error-light-backgound: var(--gw-error-lighter);
2715
- --gw-default-secondary-background: var(--gw-secondary-base);
2716
- --gw-default-secondary-color: var(--gw-secondary-base);
2717
- --gw-default-secondary-light-backgound: var(--gw-secondary-lighter);
2718
- --gw-default-primary-backgound: var(--gw-primary-base);
2719
- --gw-default-primary-color: var(--gw-primary-base);
2720
- --gw-default-primary-light-background: var(--gw-primary-lighter);
2721
- --gw-default-contrast-background: var(--gw-contrast-background);
2722
2723
  --gw-help-base: var(--gw-neutral-base);
2723
2724
  --gw-help-light: var(--gw-neutral-light);
2724
2725
  --gw-help-lighter: var(--gw-neutral-lighter);
@@ -2765,6 +2766,7 @@
2765
2766
  --gw-autocomplete-option-border-radius: var(--gw-list-option-border-radius);
2766
2767
  --gw-autocomplete-dropdown-border-radius: var(--gw-form-field-border-radius);
2767
2768
  --gw-autocomplete-dropdown-focus-ring-color: var(--gw-focus-ring-color);
2769
+ --gw-autocomplete-dropdown-match-color: var(--gw-secondary-base);
2768
2770
  --gw-datepicker-border-radius: var(--gw-form-field-border-radius);
2769
2771
  --gw-datepicker-panel-background: var(--gw-default-background);
2770
2772
  --gw-datepicker-panel-border-color: var(--gw-default-border-color);
@@ -3241,6 +3243,8 @@
3241
3243
  --gw-border-default-color: var(--gw-default-border-color);
3242
3244
  --gw-warning-text: var(--gw-help-dark);
3243
3245
  --gw-form-field-float-label-invalid-color: var(--gw-form-field-invalid-placeholder-color);
3246
+ --gw-default-warning-background: var(--gw-help-base);
3247
+ --gw-default-warning-light-background: var(--gw-help-lighter);
3244
3248
  --gw-list-option-group-color: var(--gw-inputtext-disabled-color);
3245
3249
  --gw-list-option-selected-focus-background: var(--gw-highlight-focus-background);
3246
3250
  --gw-list-option-selected-focus-color: var(--gw-highlight-focus-color);
@@ -3284,8 +3288,6 @@
3284
3288
  --gw-button-outlined-help-border-color: var(--gw-help-base);
3285
3289
  --gw-button-outlined-help-color: var(--gw-help-dark);
3286
3290
  --gw-button-text-help-color: var(--gw-help-darker);
3287
- --gw-default-warning-background: var(--gw-help-base);
3288
- --gw-default-warning-light-background: var(--gw-help-lighter);
3289
3291
  --gw-help-text: var(--gw-help-dark);
3290
3292
  --gw-inputtext-background: var(--gw-form-field-background);
3291
3293
  --gw-inputtext-read-only-background: var(--gw-form-field-read-only-background);
@@ -3475,7 +3477,7 @@
3475
3477
  --gw-accordion-header-toggle-icon-active-color: var(--gw-text-color);
3476
3478
  --gw-accordion-header-toggle-icon-active-hover-color: var(--gw-text-color);
3477
3479
  --gw-accordion-content-color: var(--gw-text-color);
3478
- --gw-divider-content-color: var(--gw-text-color);
3480
+ --gw-divider-content-color: var(--gw-default-muted-color);
3479
3481
  --gw-fieldset-color: var(--gw-default-color);
3480
3482
  --gw-fieldset-legend-color: var(--gw-default-color);
3481
3483
  --gw-fieldset-toggle-icon-color: var(--gw-text-muted-color);
package/dist/variables-light.css CHANGED
@@ -1630,7 +1630,7 @@
1630
1630
  --gw-form-field-transition-duration: var(--gw-transition-duration);
1631
1631
  --gw-form-field-base-font-size: var(--gw-base-font-size);
1632
1632
  --gw-focus-ring-style: var(--gw-style-solid);
1633
- --gw-defaul-border-radius: var(--gw-border-radius-none);
1633
+ --gw-default-border-radius: var(--gw-border-radius-none);
1634
1634
  --gw-sidenav-menuitem-label-font-weight: var(--gw-font-weight-400);
1635
1635
  --gw-sidenav-submenuitem-label-font-weight: var(--gw-font-weight-500);
1636
1636
  --gw-button-sm-padding-y: var(--gw-form-field-sm-padding-y);
@@ -1689,6 +1689,7 @@
1689
1689
  --gw-autocomplete-option-group-padding: var(--gw-list-option-group-padding);
1690
1690
  --gw-autocomplete-dropdown-focus-ring-width: var(--gw-focus-ring-width);
1691
1691
  --gw-autocomplete-dropdown-focus-ring-offset: var(--gw-focus-ring-offset);
1692
+ --gw-autocomplete-dropdown-match-font-weight: var(--gw-font-weight-700);
1692
1693
  --gw-autocomplete-chip-border-radius: var(--gw-border-radius-sm);
1693
1694
  --gw-autocomplete-empty-message-padding: var(--gw-list-option-padding);
1694
1695
  --gw-autocomplete-transition-duration: var(--gw-transition-duration);
@@ -2153,7 +2154,7 @@
2153
2154
  --gw-tertiary-active-color: var(--gw-tertiary-light);
2154
2155
  --gw-disabled-background: var(--gw-neutral-200);
2155
2156
  --gw-disabled-color: var(--gw-neutral-600);
2156
- --gw-form-field-border-radius: var(--gw-defaul-border-radius);
2157
+ --gw-form-field-border-radius: var(--gw-default-border-radius);
2157
2158
  --gw-form-field-focus-ring-color: var(--gw-secondary-300);
2158
2159
  --gw-form-field-disabled-color: var(--gw-neutral-600);
2159
2160
  --gw-form-field-filled-background: var(--gw-neutral-100);
@@ -2163,22 +2164,26 @@
2163
2164
  --gw-form-field-float-label-color: var(--gw-neutral-500);
2164
2165
  --gw-form-field-float-label-focus-color: var(--gw-neutral-500);
2165
2166
  --gw-form-field-float-label-active-color: var(--gw-neutral-500);
2166
- --gw-content-border-radius: var(--gw-defaul-border-radius);
2167
+ --gw-content-border-radius: var(--gw-default-border-radius);
2167
2168
  --gw-focus-ring-color: var(--gw-secondary-300);
2168
- --gw-list-option-border-radius: var(--gw-defaul-border-radius);
2169
+ --gw-default-border-color: var(--gw-neutral-300);
2170
+ --gw-default-background: var(--gw-neutral-0);
2171
+ --gw-list-option-border-radius: var(--gw-default-border-radius);
2169
2172
  --gw-list-option-focus-background: var(--gw-neutral-100);
2170
2173
  --gw-list-option-icon-color: var(--gw-neutral-400);
2171
2174
  --gw-list-option-icon-focus-color: var(--gw-neutral-500);
2172
- --gw-sidenav-menuitem-border-radius: var(--gw-defaul-border-radius);
2175
+ --gw-sidenav-menuitem-border-radius: var(--gw-default-border-radius);
2173
2176
  --gw-sidenav-menuitem-hover-background: var(--gw-neutral-200);
2174
2177
  --gw-sidenav-menuitem-selected-background: var(--gw-neutral-200);
2175
2178
  --gw-sidenav-submenuitem-background: var(--gw-neutral-200);
2176
2179
  --gw-sidenav-submenuitem-hover-background: var(--gw-neutral-300);
2177
- --gw-overlay-select-border-radius: var(--gw-defaul-border-radius);
2180
+ --gw-sidenav-collapsebutton-background: var(--gw-neutral-shadow);
2181
+ --gw-sidenav-collapsebutton-color: var(--gw-neutral-400);
2182
+ --gw-overlay-select-border-radius: var(--gw-default-border-radius);
2178
2183
  --gw-overlay-select-background: var(--gw-neutral-0);
2179
- --gw-overlay-popover-border-radius: var(--gw-defaul-border-radius);
2184
+ --gw-overlay-popover-border-radius: var(--gw-default-border-radius);
2180
2185
  --gw-overlay-popover-background: var(--gw-neutral-0);
2181
- --gw-overlay-modal-border-radius: var(--gw-defaul-border-radius);
2186
+ --gw-overlay-modal-border-radius: var(--gw-default-border-radius);
2182
2187
  --gw-overlay-modal-background: var(--gw-neutral-0);
2183
2188
  --gw-button-padding-x: var(--gw-form-field-padding-x);
2184
2189
  --gw-button-padding-y: var(--gw-form-field-padding-y);
@@ -2226,9 +2231,7 @@
2226
2231
  --gw-hover-color: var(--gw-neutral-800);
2227
2232
  --gw-hover-background: var(--gw-neutral-200);
2228
2233
  --gw-hover-border-color: var(--gw-neutral-400);
2229
- --gw-default-border-color: var(--gw-neutral-300);
2230
- --gw-default-background: var(--gw-neutral-0);
2231
- --gw-inputtext-border-radius: var(--gw-defaul-border-radius);
2234
+ --gw-inputtext-border-radius: var(--gw-default-border-radius);
2232
2235
  --gw-inputtext-focus-ring-style: var(--gw-form-field-focus-ring-style);
2233
2236
  --gw-inputtext-padding-x: var(--gw-form-field-padding-x);
2234
2237
  --gw-inputtext-padding-y: var(--gw-form-field-padding-y);
@@ -2248,7 +2251,7 @@
2248
2251
  --gw-floatlabel-in-active-top: var(--gw-form-field-padding-y);
2249
2252
  --gw-radiobutton-focus-ring-style: var(--gw-focus-ring-style);
2250
2253
  --gw-radiobutton-transition-duration: var(--gw-form-field-transition-duration);
2251
- --gw-checkbox-border-radius: var(--gw-defaul-border-radius);
2254
+ --gw-checkbox-border-radius: var(--gw-default-border-radius);
2252
2255
  --gw-checkbox-focus-ring-style: var(--gw-focus-ring-style);
2253
2256
  --gw-checkbox-transition-duration: var(--gw-form-field-transition-duration);
2254
2257
  --gw-autocomplete-focus-ring-width: var(--gw-form-field-focus-ring-width);
@@ -2381,7 +2384,7 @@
2381
2384
  --gw-treetable-header-cell-focus-ring-style: var(--gw-focus-ring-style);
2382
2385
  --gw-treetable-row-focus-ring-style: var(--gw-focus-ring-style);
2383
2386
  --gw-treetable-node-toggle-button-focus-ring-style: var(--gw-focus-ring-style);
2384
- --gw-toast-border-radius: var(--gw-defaul-border-radius);
2387
+ --gw-toast-border-radius: var(--gw-default-border-radius);
2385
2388
  --gw-toast-close-button-focus-ring-style: var(--gw-focus-ring-style);
2386
2389
  --gw-toast-error-close-button-hover-background: var(--gw-danger-100);
2387
2390
  --gw-toast-error-close-button-focus-ring-color: var(--gw-danger-600);
@@ -2568,6 +2571,18 @@
2568
2571
  --gw-border-color-error: var(--gw-error-light);
2569
2572
  --gw-border-color-secondary: var(--gw-secondary-base);
2570
2573
  --gw-border-color-primary: var(--gw-primary-base);
2574
+ --gw-default-muted-color: var(--gw-muted-color);
2575
+ --gw-default-color: var(--gw-neutral-darker);
2576
+ --gw-default-error-backgound: var(--gw-error-light);
2577
+ --gw-default-error-color: var(--gw-error-dark);
2578
+ --gw-default-error-light-backgound: var(--gw-error-lighter);
2579
+ --gw-default-secondary-background: var(--gw-secondary-base);
2580
+ --gw-default-secondary-color: var(--gw-secondary-base);
2581
+ --gw-default-secondary-light-backgound: var(--gw-secondary-lighter);
2582
+ --gw-default-primary-backgound: var(--gw-primary-base);
2583
+ --gw-default-primary-color: var(--gw-primary-base);
2584
+ --gw-default-primary-light-background: var(--gw-primary-lighter);
2585
+ --gw-default-contrast-background: var(--gw-contrast-background);
2571
2586
  --gw-list-option-focus-color: var(--gw-hover-color);
2572
2587
  --gw-list-option-selected-background: var(--gw-highlight-background);
2573
2588
  --gw-sidenav-menuitem-icon-color: var(--gw-primary-base);
@@ -2580,10 +2595,8 @@
2580
2595
  --gw-sidenav-submenuitem-color: var(--gw-secondary-base);
2581
2596
  --gw-sidenav-submenuitem-hover-color: var(--gw-secondary-base);
2582
2597
  --gw-sidenav-submenuitem-active-background: var(--gw-primary-base);
2583
- --gw-sidenav-collapsebutton-background: var(--gw-secondary-dark);
2584
2598
  --gw-sidenav-collapsebutton-hover-background: var(--gw-secondary-base);
2585
2599
  --gw-sidenav-collapsebutton-hover-color: var(--gw-neutral-lighter);
2586
- --gw-sidenav-collapsebutton-color: var(--gw-neutral-light);
2587
2600
  --gw-overlay-select-border-color: var(--gw-default-border-color);
2588
2601
  --gw-overlay-popover-border-color: var(--gw-default-border-color);
2589
2602
  --gw-overlay-modal-border-color: var(--gw-default-border-color);
@@ -2685,18 +2698,6 @@
2685
2698
  --gw-highlight-color: var(--gw-primary-base);
2686
2699
  --gw-text-color: var(--gw-neutral-darker);
2687
2700
  --gw-text-muted-color: var(--gw-muted-color);
2688
- --gw-default-muted-color: var(--gw-muted-color);
2689
- --gw-default-color: var(--gw-neutral-darker);
2690
- --gw-default-error-backgound: var(--gw-error-light);
2691
- --gw-default-error-color: var(--gw-error-dark);
2692
- --gw-default-error-light-backgound: var(--gw-error-lighter);
2693
- --gw-default-secondary-background: var(--gw-secondary-base);
2694
- --gw-default-secondary-color: var(--gw-secondary-base);
2695
- --gw-default-secondary-light-backgound: var(--gw-secondary-lighter);
2696
- --gw-default-primary-backgound: var(--gw-primary-base);
2697
- --gw-default-primary-color: var(--gw-primary-base);
2698
- --gw-default-primary-light-background: var(--gw-primary-lighter);
2699
- --gw-default-contrast-background: var(--gw-contrast-background);
2700
2701
  --gw-help-base: var(--gw-neutral-base);
2701
2702
  --gw-help-light: var(--gw-neutral-light);
2702
2703
  --gw-help-lighter: var(--gw-neutral-lighter);
@@ -2743,6 +2744,7 @@
2743
2744
  --gw-autocomplete-option-border-radius: var(--gw-list-option-border-radius);
2744
2745
  --gw-autocomplete-dropdown-border-radius: var(--gw-form-field-border-radius);
2745
2746
  --gw-autocomplete-dropdown-focus-ring-color: var(--gw-focus-ring-color);
2747
+ --gw-autocomplete-dropdown-match-color: var(--gw-secondary-base);
2746
2748
  --gw-datepicker-border-radius: var(--gw-form-field-border-radius);
2747
2749
  --gw-datepicker-panel-background: var(--gw-default-background);
2748
2750
  --gw-datepicker-panel-border-color: var(--gw-default-border-color);
@@ -3211,6 +3213,11 @@
3211
3213
  --gw-warning-text: var(--gw-help-dark);
3212
3214
  --gw-form-field-float-label-invalid-color: var(--gw-form-field-invalid-placeholder-color);
3213
3215
  --gw-border-color-success: var(--gw-success-base);
3216
+ --gw-default-success-background: var(--gw-success-base);
3217
+ --gw-default-success-color: var(--gw-success-dark);
3218
+ --gw-default-success-light-background: var(--gw-success-lighter);
3219
+ --gw-default-warning-background: var(--gw-help-base);
3220
+ --gw-default-warning-light-background: var(--gw-help-lighter);
3214
3221
  --gw-list-option-group-color: var(--gw-inputtext-disabled-color);
3215
3222
  --gw-list-option-selected-focus-background: var(--gw-highlight-focus-background);
3216
3223
  --gw-list-option-selected-focus-color: var(--gw-highlight-focus-color);
@@ -3267,11 +3274,6 @@
3267
3274
  --gw-button-outlined-help-color: var(--gw-help-dark);
3268
3275
  --gw-button-text-success-color: var(--gw-success-base);
3269
3276
  --gw-button-text-help-color: var(--gw-help-darker);
3270
- --gw-default-success-background: var(--gw-success-base);
3271
- --gw-default-success-color: var(--gw-success-dark);
3272
- --gw-default-success-light-background: var(--gw-success-lighter);
3273
- --gw-default-warning-background: var(--gw-help-base);
3274
- --gw-default-warning-light-background: var(--gw-help-lighter);
3275
3277
  --gw-help-text: var(--gw-help-dark);
3276
3278
  --gw-inputtext-background: var(--gw-form-field-background);
3277
3279
  --gw-inputtext-read-only-background: var(--gw-form-field-read-only-background);
@@ -3470,7 +3472,7 @@
3470
3472
  --gw-accordion-header-toggle-icon-active-color: var(--gw-text-color);
3471
3473
  --gw-accordion-header-toggle-icon-active-hover-color: var(--gw-text-color);
3472
3474
  --gw-accordion-content-color: var(--gw-text-color);
3473
- --gw-divider-content-color: var(--gw-text-color);
3475
+ --gw-divider-content-color: var(--gw-default-muted-color);
3474
3476
  --gw-fieldset-color: var(--gw-default-color);
3475
3477
  --gw-fieldset-legend-color: var(--gw-default-color);
3476
3478
  --gw-fieldset-toggle-icon-color: var(--gw-text-muted-color);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "graphwise-styleguide",
3
- "version": "0.0.1-init12",
3
+ "version": "0.0.1-init14",
4
4
  "license": "Apache-2.0",
5
5
  "type": "module",
6
6
  "scripts": {
@@ -16,6 +16,9 @@
16
16
  "generate": "npm run compare-css-variables && npm run generate-tokens-html",
17
17
  "generate-tokens-html": "node src/generate-tokens-html.js"
18
18
  },
19
+ "engines": {
20
+ "node": "22.17.0"
21
+ },
19
22
  "files": [
20
23
  "dist/"
21
24
  ],
@@ -38,7 +41,7 @@
38
41
  "stylelint-scss": "^6.12.1"
39
42
  },
40
43
  "dependencies": {
41
- "@tokens-studio/sd-transforms": "^2.0.1",
44
+ "@tokens-studio/sd-transforms": "^2.0.2",
42
45
  "style-dictionary": "^5.0.4"
43
46
  }
44
47
  }