@wavemaker/foundation-css 11.11.1-rc.6144 → 11.11.2-rc.211

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 (9) hide show
  1. package/foundation/foundation.css +12 -12
  2. package/foundation/foundation.min.css +1 -1
  3. package/npm-shrinkwrap.json +15 -15
  4. package/package-lock.json +15 -15
  5. package/package.json +1 -1
  6. package/tokens/components/button/button.json +7 -7
  7. package/tokens/components/page-layout/page-layout.json +2 -2
  8. package/tokens/global/colors/color.json +2 -2
  9. package/tokens/global/shadow/shadow.json +3 -3
package/foundation/foundation.css CHANGED
@@ -86,7 +86,7 @@
86
86
  --wm-color-on-background: #35363B;
87
87
  --wm-color-outline: #79747E;
88
88
  --wm-color-outline-variant: #E4E4E4;
89
- --wm-color-shadow: #000000;
89
+ --wm-color-shadow: #dfdfdf;
90
90
  --wm-color-scrim: #000000;
91
91
  --wm-color-surface: #FFFFFF;
92
92
  --wm-color-surface-variant: #FBFBFC;
@@ -234,7 +234,7 @@
234
234
  --wm-radius-xxl: calc(var(--wm-radius-base) * 16);
235
235
  --wm-radius-pill: 1000px;
236
236
  --wm-radius-circle: 50%;
237
- --wm-shadow-1: 0px 1px 2px 0px color-mix(in srgb, var(--wm-color-shadow), transparent 70%);
237
+ --wm-shadow-1: 0px 4px 11px 0px color-mix(in srgb, var(--wm-color-shadow), transparent 20%);
238
238
  --wm-shadow-2: 0px 1px 2px 0px color-mix(in srgb, var(--wm-color-shadow), transparent 70%);
239
239
  --wm-shadow-3: 0px 4px 8px 3px color-mix(in srgb, var(--wm-color-shadow), transparent 85%);
240
240
  --wm-shadow-4: 0px 6px 10px 4px color-mix(in srgb, var(--wm-color-shadow), transparent 85%);
@@ -244,7 +244,7 @@
244
244
  --wm-shadow-addon-3: 0px 1px 3px 0px color-mix(in srgb, var(--wm-color-shadow), transparent 70%);
245
245
  --wm-shadow-addon-4: 0px 2px 3px 0px color-mix(in srgb, var(--wm-color-shadow), transparent 70%);
246
246
  --wm-shadow-addon-5: 0px 4px 4px 0px color-mix(in srgb, var(--wm-color-shadow), transparent 70%);
247
- --wm-elevation-shadow-1: var(--wm-shadow-1), var(--wm-shadow-addon-1);
247
+ --wm-elevation-shadow-1: var(--wm-shadow-1);
248
248
  --wm-elevation-shadow-2: var(--wm-shadow-2), var(--wm-shadow-addon-2);
249
249
  --wm-elevation-shadow-3: var(--wm-shadow-3), var(--wm-shadow-addon-3);
250
250
  --wm-elevation-shadow-4: var(--wm-shadow-4), var(--wm-shadow-addon-4);
@@ -456,14 +456,14 @@
456
456
  --wm-btn-tertiary-outlined-color: var(--wm-color-tertiary);
457
457
  --wm-btn-tertiary-outlined-border-color: var(--wm-color-tertiary);
458
458
  --wm-btn-tertiary-outlined-state-layer-color: var(--wm-color-tertiary);
459
- --wm-btn-success-background: var(--wm-color-primary);
460
- --wm-btn-success-color: var(--wm-color-on-primary);
461
- --wm-btn-success-border-color: var(--wm-color-primary);
462
- --wm-btn-success-state-layer-color: var(--wm-color-on-primary);
459
+ --wm-btn-success-background: var(--wm-color-success);
460
+ --wm-btn-success-color: var(--wm-color-on-success);
461
+ --wm-btn-success-border-color: var(--wm-color-success);
462
+ --wm-btn-success-state-layer-color: var(--wm-color-on-success);
463
463
  --wm-btn-success-outlined-background: rgba(0, 0, 0, 0);
464
- --wm-btn-success-outlined-color: var(--wm-color-primary);
465
- --wm-btn-success-outlined-border-color: var(--wm-color-primary);
466
- --wm-btn-success-outlined-state-layer-color: var(--wm-color-primary);
464
+ --wm-btn-success-outlined-color: var(--wm-color-success);
465
+ --wm-btn-success-outlined-border-color: var(--wm-color-success);
466
+ --wm-btn-success-outlined-state-layer-color: var(--wm-color-success);
467
467
  --wm-btn-info-background: var(--wm-color-info);
468
468
  --wm-btn-info-color: var(--wm-color-on-info);
469
469
  --wm-btn-info-border-color: var(--wm-color-info);
@@ -1052,7 +1052,7 @@
1052
1052
  --wm-aside-nav-item-color: var(--wm-aside-nav-color);
1053
1053
  --wm-aside-nav-item-color-active: var(--wm-color-secondary);
1054
1054
  --wm-aside-nav-item-background: none;
1055
- --wm-aside-nav-item-background-active: linear-gradient(106deg, color-mix(in srgb, var(--wm-color-secondary), transparent calc(100% - var(--wm-opacity-hover))) 44.21%, color-mix(in srgb, var(--wm-color-primary), transparent calc(100% - var(--wm-opacity-hover))) 103.73%);
1055
+ --wm-aside-nav-item-background-active: linear-gradient(105.79deg, color-mix(in srgb, var(--wm-color-secondary), transparent calc(100% - var(--wm-opacity-hover))) 44.21%, color-mix(in srgb, var(--wm-color-white), transparent calc(100% - var(--wm-opacity-hover))) 103.73%);
1056
1056
  --wm-aside-nav-item-state-layer-color: var(--wm-color-on-surface);
1057
1057
  --wm-aside-nav-item-state-layer-opacity-hover: var(--wm-opacity-hover);
1058
1058
  --wm-aside-nav-item-state-layer-opacity-focus: var(--wm-opacity-focus);
@@ -1100,7 +1100,7 @@
1100
1100
  --wm-aside-nav-rail-item-color: var(--wm-aside-nav-rail-color);
1101
1101
  --wm-aside-nav-rail-item-color-active: var(--wm-color-secondary);
1102
1102
  --wm-aside-nav-rail-item-background: var(--wm-aside-nav-rail-background);
1103
- --wm-aside-nav-rail-item-background-active: linear-gradient(106deg, var(--wm-color-secondary) 44.21%, var(--wm-color-primary) 103.73%);
1103
+ --wm-aside-nav-rail-item-background-active: linear-gradient(105.79deg, color-mix(in srgb, var(--wm-color-secondary), transparent calc(100% - var(--wm-opacity-hover))) 44.21%, color-mix(in srgb, var(--wm-color-white), transparent calc(100% - var(--wm-opacity-hover))) 103.73%);
1104
1104
  --wm-aside-nav-rail-item-radius: var(--wm-radius-none);
1105
1105
  --wm-aside-nav-rail-item-gap: var(--wm-space-1);
1106
1106
  --wm-aside-nav-rail-item-state-layer-color: var(--wm-color-on-surface);