@genesislcap/foundation-ui 14.360.1-alpha-ed37658.0 → 14.361.0-tabs-z-index-fix.1

package/dist/custom-elements.json

@@ -1263,6 +1263,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/accordion-item/accordion-item.styles.ts",
@@ -1657,6 +1839,37 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/_config/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./tokens"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./values"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/actions-menu/actions-menu.styles.ts",
@@ -4326,219 +4539,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/_config/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./tokens"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./values"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/avatar/avatar.styles.ts",
@@ -13267,7 +13267,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-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`"
+          "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    z-index: auto;\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,aA2JxC,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,aA4JxC,CAAC"}

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

@@ -58,6 +58,7 @@ export const foundationDatePickerStyles = css `
   .calendar-dropdown.inline {
     display: block;
     position: static;
+    z-index: auto;
     margin-top: 5px;
     transform: none;
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-ui",
   "description": "Genesis Foundation UI",
-  "version": "14.360.1-alpha-ed37658.0",
+  "version": "14.361.0-tabs-z-index-fix.1",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -83,13 +83,13 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.360.1-alpha-ed37658.0",
-    "@genesislcap/genx": "14.360.1-alpha-ed37658.0",
-    "@genesislcap/rollup-builder": "14.360.1-alpha-ed37658.0",
-    "@genesislcap/ts-builder": "14.360.1-alpha-ed37658.0",
-    "@genesislcap/uvu-playwright-builder": "14.360.1-alpha-ed37658.0",
-    "@genesislcap/vite-builder": "14.360.1-alpha-ed37658.0",
-    "@genesislcap/webpack-builder": "14.360.1-alpha-ed37658.0",
+    "@genesislcap/foundation-testing": "14.361.0-tabs-z-index-fix.1",
+    "@genesislcap/genx": "14.361.0-tabs-z-index-fix.1",
+    "@genesislcap/rollup-builder": "14.361.0-tabs-z-index-fix.1",
+    "@genesislcap/ts-builder": "14.361.0-tabs-z-index-fix.1",
+    "@genesislcap/uvu-playwright-builder": "14.361.0-tabs-z-index-fix.1",
+    "@genesislcap/vite-builder": "14.361.0-tabs-z-index-fix.1",
+    "@genesislcap/webpack-builder": "14.361.0-tabs-z-index-fix.1",
     "copyfiles": "^2.4.1"
   },
   "dependencies": {
@@ -98,15 +98,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.360.1-alpha-ed37658.0",
-    "@genesislcap/foundation-comms": "14.360.1-alpha-ed37658.0",
-    "@genesislcap/foundation-criteria": "14.360.1-alpha-ed37658.0",
-    "@genesislcap/foundation-errors": "14.360.1-alpha-ed37658.0",
-    "@genesislcap/foundation-events": "14.360.1-alpha-ed37658.0",
-    "@genesislcap/foundation-logger": "14.360.1-alpha-ed37658.0",
-    "@genesislcap/foundation-notifications": "14.360.1-alpha-ed37658.0",
-    "@genesislcap/foundation-user": "14.360.1-alpha-ed37658.0",
-    "@genesislcap/foundation-utils": "14.360.1-alpha-ed37658.0",
+    "@genesislcap/expression-builder": "14.361.0-tabs-z-index-fix.1",
+    "@genesislcap/foundation-comms": "14.361.0-tabs-z-index-fix.1",
+    "@genesislcap/foundation-criteria": "14.361.0-tabs-z-index-fix.1",
+    "@genesislcap/foundation-errors": "14.361.0-tabs-z-index-fix.1",
+    "@genesislcap/foundation-events": "14.361.0-tabs-z-index-fix.1",
+    "@genesislcap/foundation-logger": "14.361.0-tabs-z-index-fix.1",
+    "@genesislcap/foundation-notifications": "14.361.0-tabs-z-index-fix.1",
+    "@genesislcap/foundation-user": "14.361.0-tabs-z-index-fix.1",
+    "@genesislcap/foundation-utils": "14.361.0-tabs-z-index-fix.1",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -128,5 +128,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "02f2f5b60ca8547f7bb0ddad0583b00447edde46"
+  "gitHead": "8a18123c074a0efc1d31001f727db495f042d60c"
 }