@genesislcap/foundation-ui 14.276.1 → 14.276.2-FUI-2341.1

package/dist/custom-elements.json

@@ -1338,188 +1338,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/accordion.styles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "foundationAccordionStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationAccordionStyles",
-          "declaration": {
-            "name": "foundationAccordionStyles",
-            "module": "src/accordion/accordion.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/accordion.template.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "foundationAccordionTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<Accordion>"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationAccordionTemplate",
-          "declaration": {
-            "name": "foundationAccordionTemplate",
-            "module": "src/accordion/accordion.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/accordion.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Accordion",
-          "superclass": {
-            "name": "FASTAccordion",
-            "package": "@microsoft/fast-foundation"
-          },
-          "tagName": "%%prefix%%-accordion",
-          "customElement": true
-        },
-        {
-          "kind": "variable",
-          "name": "foundationAccordionShadowOptions",
-          "type": {
-            "text": "ShadowRootInit"
-          },
-          "default": "{\n  delegatesFocus: true,\n  mode: 'open',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultAccordionConfig",
-          "type": {
-            "text": "object"
-          },
-          "default": "{}"
-        },
-        {
-          "kind": "variable",
-          "name": "foundationAccordion",
-          "description": "The Foundation Accordion",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Accordion",
-          "declaration": {
-            "name": "Accordion",
-            "module": "src/accordion/accordion.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationAccordionShadowOptions",
-          "declaration": {
-            "name": "foundationAccordionShadowOptions",
-            "module": "src/accordion/accordion.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultAccordionConfig",
-          "declaration": {
-            "name": "defaultAccordionConfig",
-            "module": "src/accordion/accordion.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationAccordion",
-          "declaration": {
-            "name": "foundationAccordion",
-            "module": "src/accordion/accordion.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion.template"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion.styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/actions-menu/actions-menu.styles.ts",
@@ -2079,6 +1897,188 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "foundationAccordionStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "foundationAccordionStyles",
+          "declaration": {
+            "name": "foundationAccordionStyles",
+            "module": "src/accordion/accordion.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "foundationAccordionTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<Accordion>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "foundationAccordionTemplate",
+          "declaration": {
+            "name": "foundationAccordionTemplate",
+            "module": "src/accordion/accordion.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Accordion",
+          "superclass": {
+            "name": "FASTAccordion",
+            "package": "@microsoft/fast-foundation"
+          },
+          "tagName": "%%prefix%%-accordion",
+          "customElement": true
+        },
+        {
+          "kind": "variable",
+          "name": "foundationAccordionShadowOptions",
+          "type": {
+            "text": "ShadowRootInit"
+          },
+          "default": "{\n  delegatesFocus: true,\n  mode: 'open',\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "defaultAccordionConfig",
+          "type": {
+            "text": "object"
+          },
+          "default": "{}"
+        },
+        {
+          "kind": "variable",
+          "name": "foundationAccordion",
+          "description": "The Foundation Accordion",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Accordion",
+          "declaration": {
+            "name": "Accordion",
+            "module": "src/accordion/accordion.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationAccordionShadowOptions",
+          "declaration": {
+            "name": "foundationAccordionShadowOptions",
+            "module": "src/accordion/accordion.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defaultAccordionConfig",
+          "declaration": {
+            "name": "defaultAccordionConfig",
+            "module": "src/accordion/accordion.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationAccordion",
+          "declaration": {
+            "name": "foundationAccordion",
+            "module": "src/accordion/accordion.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion.template"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/anchor/anchor.styles.ts",
@@ -12901,7 +12901,7 @@
           "type": {
             "text": "ElementStyles"
           },
-          "default": "css`\n  :host {\n    position: relative;\n  }\n\n  .date-toggle::part(control) {\n    cursor: pointer;\n  }\n\n  .date-toggle::part(label) {\n    cursor: pointer;\n  }\n\n  .calendar-dropdown {\n    display: none;\n    width: 300px;\n    z-index: 999;\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    transform: translate(-50%, 8px);\n    margin: 10px 0 0;\n    padding: 20px;\n    background: var(--neutral-foreground-rest);\n    border-radius: calc(var(--control-corner-radius) * 1px);\n    box-shadow: 0 0 8px rgb(0 0 0 / 20%);\n  }\n\n  .calendar-dropdown.hide-weekends {\n    width: 215px;\n  }\n\n  .calendar-dropdown.top {\n    top: auto;\n    bottom: 100%;\n    margin: 0 0 5px;\n    transform: translate(-50%, -8px);\n  }\n\n  .calendar-dropdown.left {\n    top: 50%;\n    left: 0;\n    margin: 0 0 0 5px;\n    transform: translate(calc(-8px + -100%), -50%);\n  }\n\n  .calendar-dropdown.right {\n    top: 50%;\n    left: 100%;\n    transform: translate(8px, -50%);\n  }\n\n  .calendar-dropdown.visible {\n    display: block;\n  }\n\n  .calendar-dropdown.inline {\n    display: block;\n    position: static;\n    margin-top: 5px;\n    transform: none;\n  }\n\n  .header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin: 0 0 10px;\n  }\n\n  .header h3 {\n    margin: 0;\n    text-transform: capitalize;\n    font-weight: bold;\n    color: var(--foreground-on-accent-rest);\n  }\n\n  .header .months-arrows {\n    display: flex;\n    flex-direction: row;\n  }\n\n  .header .icon-container {\n    display: flex;\n    width: 25px;\n    height: 25px;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n  }\n\n  .header .icon-container:first-child {\n    margin-right: calc(var(--design-unit) * 2px);\n  }\n\n  .header .prev-month,\n  .header .next-month {\n    color: var(--foreground-on-accent-rest);\n    font-size: 18px;\n  }\n\n  .week-days {\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    grid-gap: 5px;\n    margin-bottom: 10px;\n    color: var(--foreground-on-accent-rest);\n  }\n\n  .week-days span {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-size: 14px;\n    font-weight: bold;\n    text-transform: capitalize;\n  }\n\n  .week-days span.disabled {\n    opacity: 50%;\n  }\n\n  .month-days {\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    grid-gap: 5px;\n  }\n\n  .week-days.hide-weekends,\n  .month-days.hide-weekends {\n    grid-template-columns: repeat(5, 1fr);\n  }\n\n  .month-day {\n    padding: 8px 5px;\n    color: #808080;\n    background: none;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: calc(var(--control-corner-radius) * 4px);\n    cursor: pointer;\n    border: none;\n  }\n\n  .month-day.current {\n    opacity: 100%;\n    color: var(--foreground-on-accent-rest);\n  }\n\n  .month-day.selected {\n    background: var(--accent-foreground-rest);\n    color: var(--neutral-foreground-rest);\n  }\n\n  .month-day:hover:not(:disabled) {\n    background: var(--neutral-stroke-hover);\n    color: (--neutral-foreground-rest);\n  }\n\n  .month-day[disabled] {\n    opacity: 50%;\n    cursor: not-allowed;\n  }\n\n  .date-toggle[readonly] .label {\n    cursor: pointer;\n  }\n`"
+          "default": "css`\n  :host {\n    position: relative;\n  }\n\n  .date-toggle::part(control) {\n    cursor: pointer;\n  }\n\n  .date-toggle::part(label) {\n    cursor: pointer;\n  }\n\n  .calendar-dropdown {\n    display: none;\n    width: 300px;\n    z-index: 999;\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    transform: translate(-50%, 8px);\n    margin: 10px 0 0;\n    padding: 20px;\n    background: var(--neutral-fill-rest);\n    border-radius: calc(var(--control-corner-radius) * 1px);\n    box-shadow: 0 0 8px rgb(0 0 0 / 20%);\n  }\n\n  .calendar-dropdown.hide-weekends {\n    width: 215px;\n  }\n\n  .calendar-dropdown.top {\n    top: auto;\n    bottom: 100%;\n    margin: 0 0 5px;\n    transform: translate(-50%, -8px);\n  }\n\n  .calendar-dropdown.left {\n    top: 50%;\n    left: 0;\n    margin: 0 0 0 5px;\n    transform: translate(calc(-8px + -100%), -50%);\n  }\n\n  .calendar-dropdown.right {\n    top: 50%;\n    left: 100%;\n    transform: translate(8px, -50%);\n  }\n\n  .calendar-dropdown.visible {\n    display: block;\n  }\n\n  .calendar-dropdown.inline {\n    display: block;\n    position: static;\n    margin-top: 5px;\n    transform: none;\n  }\n\n  .header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin: 0 0 10px;\n  }\n\n  .header h3 {\n    margin: 0;\n    text-transform: capitalize;\n    font-weight: bold;\n    color: var(--neutral-foreground-rest);\n  }\n\n  .header .icon-button {\n    height: auto;\n    padding: 0;\n    min-width: auto;\n  }\n\n  .header .months-arrows {\n    display: flex;\n    gap: calc(var(--design-unit) * 2px);\n  }\n\n  .week-days {\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    grid-gap: 5px;\n    margin-bottom: 10px;\n    color: var(--neutral-foreground-rest);\n  }\n\n  .week-days span {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-size: 14px;\n    font-weight: bold;\n    text-transform: capitalize;\n  }\n\n  .week-days span.disabled {\n    opacity: 60%;\n  }\n\n  .month-days {\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    grid-gap: 5px;\n  }\n\n  .week-days.hide-weekends,\n  .month-days.hide-weekends {\n    grid-template-columns: repeat(5, 1fr);\n  }\n\n  .month-day {\n    padding: 8px 5px;\n    color: #808080;\n    background: none;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: calc(var(--control-corner-radius) * 4px);\n    cursor: pointer;\n    border: none;\n  }\n\n  .month-day.current {\n    opacity: 100%;\n    color: var(--neutral-foreground-hint);\n  }\n\n  .month-day.selected {\n    background: var(--accent-foreground-rest);\n    color: var(--neutral-foreground-rest);\n  }\n\n  .month-day:hover:not(:disabled) {\n    background: var(--neutral-stroke-hover);\n    color: var(--neutral-foreground-rest);\n  }\n\n  .month-day[disabled] {\n    opacity: 50%;\n    cursor: not-allowed;\n  }\n\n  .date-toggle[readonly] .label {\n    cursor: pointer;\n  }\n`"
         }
       ],
       "exports": [

package/dist/dts/date-picker/date-picker.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.styles.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,eAAO,MAAM,0BAA0B,EAAE,aAwKxC,CAAC"}
+{"version":3,"file":"date-picker.styles.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,eAAO,MAAM,0BAA0B,EAAE,aA2JxC,CAAC"}

package/dist/esm/date-picker/date-picker.styles.js

@@ -22,7 +22,7 @@ export const foundationDatePickerStyles = css `
     transform: translate(-50%, 8px);
     margin: 10px 0 0;
     padding: 20px;
-    background: var(--neutral-foreground-rest);
+    background: var(--neutral-fill-rest);
     border-radius: calc(var(--control-corner-radius) * 1px);
     box-shadow: 0 0 8px rgb(0 0 0 / 20%);
   }
@@ -73,31 +73,18 @@ export const foundationDatePickerStyles = css `
     margin: 0;
     text-transform: capitalize;
     font-weight: bold;
-    color: var(--foreground-on-accent-rest);
+    color: var(--neutral-foreground-rest);
   }
 
-  .header .months-arrows {
-    display: flex;
-    flex-direction: row;
+  .header .icon-button {
+    height: auto;
+    padding: 0;
+    min-width: auto;
   }
 
-  .header .icon-container {
+  .header .months-arrows {
     display: flex;
-    width: 25px;
-    height: 25px;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-  }
-
-  .header .icon-container:first-child {
-    margin-right: calc(var(--design-unit) * 2px);
-  }
-
-  .header .prev-month,
-  .header .next-month {
-    color: var(--foreground-on-accent-rest);
-    font-size: 18px;
+    gap: calc(var(--design-unit) * 2px);
   }
 
   .week-days {
@@ -105,7 +92,7 @@ export const foundationDatePickerStyles = css `
     grid-template-columns: repeat(7, 1fr);
     grid-gap: 5px;
     margin-bottom: 10px;
-    color: var(--foreground-on-accent-rest);
+    color: var(--neutral-foreground-rest);
   }
 
   .week-days span {
@@ -118,7 +105,7 @@ export const foundationDatePickerStyles = css `
   }
 
   .week-days span.disabled {
-    opacity: 50%;
+    opacity: 60%;
   }
 
   .month-days {
@@ -146,7 +133,7 @@ export const foundationDatePickerStyles = css `
 
   .month-day.current {
     opacity: 100%;
-    color: var(--foreground-on-accent-rest);
+    color: var(--neutral-foreground-hint);
   }
 
   .month-day.selected {
@@ -156,7 +143,7 @@ export const foundationDatePickerStyles = css `
 
   .month-day:hover:not(:disabled) {
     background: var(--neutral-stroke-hover);
-    color: (--neutral-foreground-rest);
+    color: var(--neutral-foreground-rest);
   }
 
   .month-day[disabled] {

package/dist/esm/date-picker/date-picker.template.js

@@ -14,12 +14,12 @@ export const getPrefixedDatePicker = (prefix) => html `
     <div class="header">
       <h3>${(x) => x.currentMonth} ${(x) => x.currentYear}</h3>
       <div class="months-arrows">
-        <div class="icon-container" @click="${(x) => x.prevMonth()}">
-          <${prefix}-icon name="angle-left" class="prev-month" aria-label="previous month"></${prefix}-icon>
-        </div>
-        <div class="icon-container" @click="${(x) => x.nextMonth()}">
-          <${prefix}-icon name="angle-right" class="next-month" aria-label="next month"></${prefix}-icon>
-        </div>
+        <${prefix}-button class="icon-button" appearance="accent" @click="${(x) => x.prevMonth()}" aria-label="previous month">
+          <${prefix}-icon name="angle-left"></${prefix}-icon>
+        </${prefix}-button>
+        <${prefix}-button class="icon-button" appearance="accent" @click="${(x) => x.nextMonth()}" aria-label="next month">
+          <${prefix}-icon name="angle-right"></${prefix}-icon>
+        </${prefix}-button>
       </div>
     </div>
     <div class="week-days ${(x) => classNames(['hide-weekends', x.hideWeekends])}">

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-ui",
   "description": "Genesis Foundation UI",
-  "version": "14.276.1",
+  "version": "14.276.2-FUI-2341.1",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -83,13 +83,13 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.276.1",
-    "@genesislcap/genx": "14.276.1",
-    "@genesislcap/rollup-builder": "14.276.1",
-    "@genesislcap/ts-builder": "14.276.1",
-    "@genesislcap/uvu-playwright-builder": "14.276.1",
-    "@genesislcap/vite-builder": "14.276.1",
-    "@genesislcap/webpack-builder": "14.276.1",
+    "@genesislcap/foundation-testing": "14.276.2-FUI-2341.1",
+    "@genesislcap/genx": "14.276.2-FUI-2341.1",
+    "@genesislcap/rollup-builder": "14.276.2-FUI-2341.1",
+    "@genesislcap/ts-builder": "14.276.2-FUI-2341.1",
+    "@genesislcap/uvu-playwright-builder": "14.276.2-FUI-2341.1",
+    "@genesislcap/vite-builder": "14.276.2-FUI-2341.1",
+    "@genesislcap/webpack-builder": "14.276.2-FUI-2341.1",
     "copyfiles": "^2.4.1",
     "rimraf": "^5.0.0",
     "rxjs": "^7.5.4"
@@ -100,15 +100,15 @@
     "@fortawesome/free-regular-svg-icons": "^6.2.1",
     "@fortawesome/free-solid-svg-icons": "^6.2.1",
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
-    "@genesislcap/expression-builder": "14.276.1",
-    "@genesislcap/foundation-comms": "14.276.1",
-    "@genesislcap/foundation-criteria": "14.276.1",
-    "@genesislcap/foundation-errors": "14.276.1",
-    "@genesislcap/foundation-events": "14.276.1",
-    "@genesislcap/foundation-logger": "14.276.1",
-    "@genesislcap/foundation-notifications": "14.276.1",
-    "@genesislcap/foundation-user": "14.276.1",
-    "@genesislcap/foundation-utils": "14.276.1",
+    "@genesislcap/expression-builder": "14.276.2-FUI-2341.1",
+    "@genesislcap/foundation-comms": "14.276.2-FUI-2341.1",
+    "@genesislcap/foundation-criteria": "14.276.2-FUI-2341.1",
+    "@genesislcap/foundation-errors": "14.276.2-FUI-2341.1",
+    "@genesislcap/foundation-events": "14.276.2-FUI-2341.1",
+    "@genesislcap/foundation-logger": "14.276.2-FUI-2341.1",
+    "@genesislcap/foundation-notifications": "14.276.2-FUI-2341.1",
+    "@genesislcap/foundation-user": "14.276.2-FUI-2341.1",
+    "@genesislcap/foundation-utils": "14.276.2-FUI-2341.1",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -130,5 +130,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "97462a73fe2d5c6f19127842a0ef883775f42247"
+  "gitHead": "b5c855d5ba42f730f564462cf87be5d8d1e94b83"
 }