@genesislcap/foundation-ui 14.127.1 → 14.127.3
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.
- package/dist/custom-elements.json +17 -3
- package/dist/dts/accordion-item/accordion-item.styles.d.ts.map +1 -1
- package/dist/dts/date-picker/date-picker.d.ts +1 -0
- package/dist/dts/date-picker/date-picker.d.ts.map +1 -1
- package/dist/dts/date-picker/date-picker.styles.d.ts.map +1 -1
- package/dist/dts/date-picker/date-picker.template.d.ts.map +1 -1
- package/dist/dts/multiselect/multiselect.styles.d.ts.map +1 -1
- package/dist/esm/accordion-item/accordion-item.js +5 -5
- package/dist/esm/accordion-item/accordion-item.styles.js +2 -0
- package/dist/esm/date-picker/date-picker.js +3 -0
- package/dist/esm/date-picker/date-picker.styles.js +8 -0
- package/dist/esm/date-picker/date-picker.template.js +1 -0
- package/dist/esm/multiselect/multiselect.styles.js +6 -1
- package/dist/esm/multiselect/multiselect.template.js +12 -12
- package/package.json +10 -10
|
@@ -1350,7 +1350,7 @@
|
|
|
1350
1350
|
"type": {
|
|
1351
1351
|
"text": "object"
|
|
1352
1352
|
},
|
|
1353
|
-
"default": "{\n collapsedIcon: `<svg width=\"
|
|
1353
|
+
"default": "{\n collapsedIcon: `<svg width=\"16\" height=\"16\" viewBox=\"0 0 18 18\" xmlns=\"http://www.w3.org/2000/svg\" slot=\"collapsed-icon\">\n <path d=\"M15.2222 1H2.77778C1.79594 1 1 1.79594 1 2.77778V15.2222C1 16.2041 1.79594 17 2.77778 17H15.2222C16.2041 17 17 16.2041 17 15.2222V2.77778C17 1.79594 16.2041 1 15.2222 1Z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n <path class=\"plus-sign\" d=\"M9 5.44446V12.5556\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n <path class=\"plus-sign\" d=\"M5.44446 9H12.5556\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n </svg>`,\n expandedIcon: `<svg width=\"16\" height=\"16\" viewBox=\"0 0 18 18\" xmlns=\"http://www.w3.org/2000/svg\" slot=\"expanded-icon\">\n <path d=\"M15.2222 1H2.77778C1.79594 1 1 1.79594 1 2.77778V15.2222C1 16.2041 1.79594 17 2.77778 17H15.2222C16.2041 17 17 16.2041 17 15.2222V2.77778C17 1.79594 16.2041 1 15.2222 1Z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n <path class=\"minus-sign\" d=\"M5.44446 9H12.5556\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n </svg>`,\n}"
|
|
1354
1354
|
},
|
|
1355
1355
|
{
|
|
1356
1356
|
"kind": "variable",
|
|
@@ -12001,7 +12001,7 @@
|
|
|
12001
12001
|
"type": {
|
|
12002
12002
|
"text": "ElementStyles"
|
|
12003
12003
|
},
|
|
12004
|
-
"default": "css`\n :host {\n position: relative;\n }\n\n .date-toggle::part(control) {\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.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 .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 .month-days {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n grid-gap: 5px;\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 {\n background: var(--neutral-stroke-hover);\n color: (--neutral-foreground-rest);\n }\n`"
|
|
12004
|
+
"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.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 .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 .month-days {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n grid-gap: 5px;\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 {\n background: var(--neutral-stroke-hover);\n color: (--neutral-foreground-rest);\n }\n\n .date-toggle[readonly] .label {\n cursor: pointer;\n }\n`"
|
|
12005
12005
|
}
|
|
12006
12006
|
],
|
|
12007
12007
|
"exports": [
|
|
@@ -12131,6 +12131,13 @@
|
|
|
12131
12131
|
},
|
|
12132
12132
|
"default": "'bottom'"
|
|
12133
12133
|
},
|
|
12134
|
+
{
|
|
12135
|
+
"kind": "field",
|
|
12136
|
+
"name": "label",
|
|
12137
|
+
"type": {
|
|
12138
|
+
"text": "string"
|
|
12139
|
+
}
|
|
12140
|
+
},
|
|
12134
12141
|
{
|
|
12135
12142
|
"kind": "field",
|
|
12136
12143
|
"name": "value",
|
|
@@ -12441,6 +12448,13 @@
|
|
|
12441
12448
|
"default": "'bottom'",
|
|
12442
12449
|
"fieldName": "position"
|
|
12443
12450
|
},
|
|
12451
|
+
{
|
|
12452
|
+
"name": "label",
|
|
12453
|
+
"type": {
|
|
12454
|
+
"text": "string"
|
|
12455
|
+
},
|
|
12456
|
+
"fieldName": "label"
|
|
12457
|
+
},
|
|
12444
12458
|
{
|
|
12445
12459
|
"name": "value",
|
|
12446
12460
|
"type": {
|
|
@@ -22927,7 +22941,7 @@
|
|
|
22927
22941
|
{
|
|
22928
22942
|
"kind": "variable",
|
|
22929
22943
|
"name": "multiselectStyles",
|
|
22930
|
-
"default": "css`\n .root {\n position: relative;\n width: inherit;\n min-width: 250px;\n }\n\n .control {\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n #display-field {\n width: 100%;\n cursor: pointer;\n color: rgb(241 241 241);\n min-height: 40px;\n padding: 0 calc(var(--design-unit) * 2.25px);\n border-width: 0;\n background: var(--neutral-fill-input-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n #display-field[disabled] {\n cursor: not-allowed;\n opacity: 30%;\n }\n\n #display-field:focus {\n outline: 1px solid var(--accent-fill-rest);\n background: var(--neutral-fill-input-rest);\n border-style: none;\n box-shadow: none;\n }\n\n #display-field:hover:not(:focus):not([disabled]) {\n outline: 1px solid rgb(231 232 232);\n }\n\n button {\n pointer-events: none;\n }\n\n
|
|
22944
|
+
"default": "css`\n .root {\n position: relative;\n width: inherit;\n min-width: 250px;\n }\n\n .control {\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n #display-field {\n width: 100%;\n cursor: pointer;\n color: rgb(241 241 241);\n min-height: 40px;\n padding: 0 calc(var(--design-unit) * 2.25px);\n border-width: 0;\n background: var(--neutral-fill-input-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n #display-field[disabled] {\n cursor: not-allowed;\n opacity: 30%;\n }\n\n #display-field:focus {\n outline: 1px solid var(--accent-fill-rest);\n background: var(--neutral-fill-input-rest);\n border-style: none;\n box-shadow: none;\n }\n\n #display-field:hover:not(:focus):not([disabled]) {\n outline: 1px solid rgb(231 232 232);\n }\n\n button {\n pointer-events: none;\n }\n\n .indicator {\n position: absolute;\n left: calc(100% - 26px);\n padding: 0;\n cursor: pointer;\n }\n\n #arrow-icon {\n width: 16px;\n fill: white;\n transform: rotate(0deg);\n transition: transform 0.2s linear 0s;\n }\n\n #arrow-icon.flipped {\n transform: rotate(180deg);\n }\n\n .disabled-svg {\n pointer-events: none;\n opacity: 30%;\n }\n\n .options {\n display: flex;\n flex-direction: column;\n position: absolute;\n height: max-content;\n overflow-y: hidden;\n margin-top: 5px;\n border: 1px solid rgba(46 51 57 / 100%);\n border-radius: 4px;\n background: var(--neutral-fill-input-rest);\n width: 100%;\n max-height: 0;\n visibility: hidden;\n transition:\n max-height 0.4s ease 0s,\n visibility 0.4s ease 0s;\n z-index: 999;\n }\n\n .position-above {\n bottom: 100%;\n }\n\n .checkbox-container {\n display: flex;\n flex-direction: column;\n overflow-y: scroll;\n scrollbar-width: thin;\n scrollbar-color: rgb(46 48 53) rgb(31 33 38);\n }\n\n .checkbox-container zero-checkbox {\n min-width: fit-content;\n }\n\n .checkbox-container zero-checkbox[disabled],\n .checkbox-container foundation-checkbox[disabled] {\n cursor: not-allowed;\n }\n\n #filter-search {\n padding: 5px;\n }\n\n ::-webkit-scrollbar {\n width: 12px;\n }\n\n ::-webkit-scrollbar-track {\n background: rgb(31 33 38);\n }\n\n ::-webkit-scrollbar-thumb {\n width: 8px;\n border-radius: 10px;\n box-shadow: inset 0 0 6px rgba(0 0 0 / 30%);\n background-color: rgb(46 48 53);\n border: 3px solid rgb(31 33 38);\n }\n\n .visible {\n visibility: visible;\n max-height: ${maxheight.toString()}px;\n }\n\n ::slotted(foundation-checkbox),\n foundation-checkbox {\n border-bottom: 1px solid rgb(46 48 52);\n padding: 5px 0 5px 5px;\n margin: 0;\n }\n\n ::slotted(foundation-checkbox:hover),\n foundation-checkbox:hover {\n background-color: rgb(45 47 51);\n cursor: pointer;\n }\n\n ::slotted(foundation-checkbox)::part(label),\n foundation-checkbox::part(label) {\n overflow-x: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .label {\n display: block;\n cursor: pointer;\n font-size: var(--type-ramp-base-font-size);\n line-height: var(--type-ramp-base-line-height);\n font-style: normal;\n margin: calc(var(--design-unit) * 2px) 0;\n }\n\n .label-hidden {\n display: none;\n }\n`"
|
|
22931
22945
|
}
|
|
22932
22946
|
],
|
|
22933
22947
|
"exports": [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion-item.styles.d.ts","sourceRoot":"","sources":["../../../src/accordion-item/accordion-item.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,6BAA6B,YAC/B,wBAAwB,cACrB,2BAA2B,KACtC,
|
|
1
|
+
{"version":3,"file":"accordion-item.styles.d.ts","sourceRoot":"","sources":["../../../src/accordion-item/accordion-item.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,6BAA6B,YAC/B,wBAAwB,cACrB,2BAA2B,KACtC,aAcF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAO/D,OAAO,QAAQ,MAAM,YAAY,CAAC;AAKlC,eAAO,MAAM,iCAAiC,EAAE,cAA0B,CAAC;AAE3E,eAAO,MAAM,uBAAuB,IAAK,CAAC;AAE1C;;GAEG;AACH,qBAAa,UAAW,SAAQ,iBAAiB;IACzC,MAAM,SAAgB;IAC5B,aAAa,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAK1C,IAAI,SAAW;IACf,OAAO,UAAS;IAChB,QAAQ,SAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAUnC,WAAW,EAAE,GAAG,CAAC;IACjB,YAAY,EAAE,QAAQ,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,uBAAuB,EAAE,MAAM,CAAC;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,GAAG,CAAC;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,YAAY,EAAE,WAAW,CAAC;IAC1B,qBAAqB,EAAE,WAAW,CAAC;IACnC,kBAAkB,EAAE,WAAW,CAAC;IAChC,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,EAAE,WAAW,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;;IAiBxB,iBAAiB;IAYjB,gBAAgB;IAKhB,cAAc;IAUd,gBAAgB;IAIhB,cAAc,CAAC,IAAI,KAAA;IAInB,sBAAsB;IAOtB,SAAS;IAMT,SAAS;IAMT,SAAS,CAAC,GAAG,KAAA;IAYb,gBAAgB;CAkBjB;AACD;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;qBAM/B,CAAC"}
|
|
1
|
+
{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAO/D,OAAO,QAAQ,MAAM,YAAY,CAAC;AAKlC,eAAO,MAAM,iCAAiC,EAAE,cAA0B,CAAC;AAE3E,eAAO,MAAM,uBAAuB,IAAK,CAAC;AAE1C;;GAEG;AACH,qBAAa,UAAW,SAAQ,iBAAiB;IACzC,MAAM,SAAgB;IAC5B,aAAa,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAK1C,IAAI,SAAW;IACf,OAAO,UAAS;IAChB,QAAQ,SAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAUnC,WAAW,EAAE,GAAG,CAAC;IACjB,YAAY,EAAE,QAAQ,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,uBAAuB,EAAE,MAAM,CAAC;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,GAAG,CAAC;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,YAAY,EAAE,WAAW,CAAC;IAC1B,qBAAqB,EAAE,WAAW,CAAC;IACnC,kBAAkB,EAAE,WAAW,CAAC;IAChC,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,EAAE,WAAW,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;;IAiBxB,iBAAiB;IAYjB,gBAAgB;IAKhB,cAAc;IAUd,gBAAgB;IAIhB,cAAc,CAAC,IAAI,KAAA;IAInB,sBAAsB;IAOtB,SAAS;IAMT,SAAS;IAMT,SAAS,CAAC,GAAG,KAAA;IAYb,gBAAgB;CAkBjB;AACD;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;qBAM/B,CAAC"}
|
|
@@ -1 +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,
|
|
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,aA+IxC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-picker.template.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.template.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,qBAAqB,WAAY,MAAM,
|
|
1
|
+
{"version":3,"file":"date-picker.template.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.template.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,qBAAqB,WAAY,MAAM,oEA0CnD,CAAC;AAEF,eAAO,MAAM,4BAA4B,iEAExC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multiselect.styles.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,MAAM,CAAC;AAE7B,eAAO,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"multiselect.styles.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,MAAM,CAAC;AAE7B,eAAO,MAAM,iBAAiB,iDAuK7B,CAAC"}
|
|
@@ -11,14 +11,14 @@ export const foundationAccordionItemShadowOptions = {
|
|
|
11
11
|
mode: 'open',
|
|
12
12
|
};
|
|
13
13
|
export const defaultAccordionItemConfig = {
|
|
14
|
-
collapsedIcon: `<svg width="
|
|
14
|
+
collapsedIcon: `<svg width="16" height="16" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" slot="collapsed-icon">
|
|
15
15
|
<path d="M15.2222 1H2.77778C1.79594 1 1 1.79594 1 2.77778V15.2222C1 16.2041 1.79594 17 2.77778 17H15.2222C16.2041 17 17 16.2041 17 15.2222V2.77778C17 1.79594 16.2041 1 15.2222 1Z" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
16
|
-
<path d="M9 5.44446V12.5556" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
17
|
-
<path d="M5.44446 9H12.5556" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
16
|
+
<path class="plus-sign" d="M9 5.44446V12.5556" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
17
|
+
<path class="plus-sign" d="M5.44446 9H12.5556" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
18
18
|
</svg>`,
|
|
19
|
-
expandedIcon: `<svg width="
|
|
19
|
+
expandedIcon: `<svg width="16" height="16" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" slot="expanded-icon">
|
|
20
20
|
<path d="M15.2222 1H2.77778C1.79594 1 1 1.79594 1 2.77778V15.2222C1 16.2041 1.79594 17 2.77778 17H15.2222C16.2041 17 17 16.2041 17 15.2222V2.77778C17 1.79594 16.2041 1 15.2222 1Z" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
21
|
-
<path d="M5.44446 9H12.5556" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
21
|
+
<path class="minus-sign" d="M5.44446 9H12.5556" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
22
22
|
</svg>`,
|
|
23
23
|
};
|
|
24
24
|
/**
|
|
@@ -6,10 +6,12 @@ export const foundationAccordionItemStyles = (context, definition) => css `
|
|
|
6
6
|
slot[name='collapsed-icon'] {
|
|
7
7
|
display: flex;
|
|
8
8
|
stroke: var(--accent-foreground-rest);
|
|
9
|
+
fill: none;
|
|
9
10
|
}
|
|
10
11
|
|
|
11
12
|
slot[name='expanded-icon'] {
|
|
12
13
|
display: none;
|
|
13
14
|
stroke: var(--accent-foreground-rest);
|
|
15
|
+
fill: none;
|
|
14
16
|
}
|
|
15
17
|
`;
|
|
@@ -8,6 +8,10 @@ export const foundationDatePickerStyles = css `
|
|
|
8
8
|
cursor: pointer;
|
|
9
9
|
}
|
|
10
10
|
|
|
11
|
+
.date-toggle::part(label) {
|
|
12
|
+
cursor: pointer;
|
|
13
|
+
}
|
|
14
|
+
|
|
11
15
|
.calendar-dropdown {
|
|
12
16
|
display: none;
|
|
13
17
|
width: 300px;
|
|
@@ -134,4 +138,8 @@ export const foundationDatePickerStyles = css `
|
|
|
134
138
|
background: var(--neutral-stroke-hover);
|
|
135
139
|
color: (--neutral-foreground-rest);
|
|
136
140
|
}
|
|
141
|
+
|
|
142
|
+
.date-toggle[readonly] .label {
|
|
143
|
+
cursor: pointer;
|
|
144
|
+
}
|
|
137
145
|
`;
|
|
@@ -3,6 +3,7 @@ import { ref, repeat } from '@microsoft/fast-element';
|
|
|
3
3
|
import { getPrefix } from '../utils/dom';
|
|
4
4
|
export const getPrefixedDatePicker = (prefix) => html `
|
|
5
5
|
<${prefix}-text-field data-test-id="date-picker" readonly :value="${(x) => x.formatDate}" part="date-toggle" class="date-toggle" ${ref('toggleButton')}>
|
|
6
|
+
${(x) => x.label}
|
|
6
7
|
<div class="input-icon-container" part="input-icon-container" slot="end"><${prefix}-icon variant="regular" name="calendar-alt" size="sm"></${prefix}-icon></div>
|
|
7
8
|
</${prefix}-text-field>
|
|
8
9
|
<div class="calendar-dropdown ${(x) => x.calendarDropdownClasses} ${(x) => x.position}">
|
|
@@ -47,11 +47,16 @@ export const multiselectStyles = css `
|
|
|
47
47
|
pointer-events: none;
|
|
48
48
|
}
|
|
49
49
|
|
|
50
|
-
|
|
50
|
+
.indicator {
|
|
51
51
|
position: absolute;
|
|
52
52
|
left: calc(100% - 26px);
|
|
53
53
|
padding: 0;
|
|
54
54
|
cursor: pointer;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
#arrow-icon {
|
|
58
|
+
width: 16px;
|
|
59
|
+
fill: white;
|
|
55
60
|
transform: rotate(0deg);
|
|
56
61
|
transition: transform 0.2s linear 0s;
|
|
57
62
|
}
|
|
@@ -20,18 +20,18 @@ export const getPrefixedMultiselect = (prefix = 'foundation') => html `
|
|
|
20
20
|
</label>
|
|
21
21
|
<div class="root" part="root">
|
|
22
22
|
<div class="control" part="control">
|
|
23
|
-
<
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
23
|
+
<div part="indicator" class="indicator" @click=${(x) => !x.disabled && x.toggle()}>
|
|
24
|
+
<svg
|
|
25
|
+
viewBox="0 0 12 7"
|
|
26
|
+
${ref('arrowIcon')}
|
|
27
|
+
id="arrow-icon"
|
|
28
|
+
class="${(x) => classNames(['disabled-svg', x.disabled])}"
|
|
29
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
30
|
+
>
|
|
31
|
+
<path d="${ARROW_SVG_PATH}" />
|
|
32
|
+
</svg>
|
|
33
|
+
</div>
|
|
34
|
+
|
|
35
35
|
<input
|
|
36
36
|
part="input"
|
|
37
37
|
readonly
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/foundation-ui",
|
|
3
3
|
"description": "Genesis Foundation UI",
|
|
4
|
-
"version": "14.127.
|
|
4
|
+
"version": "14.127.3",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -74,8 +74,8 @@
|
|
|
74
74
|
"test:debug": "genx test --debug"
|
|
75
75
|
},
|
|
76
76
|
"devDependencies": {
|
|
77
|
-
"@genesislcap/foundation-testing": "14.127.
|
|
78
|
-
"@genesislcap/genx": "14.127.
|
|
77
|
+
"@genesislcap/foundation-testing": "14.127.3",
|
|
78
|
+
"@genesislcap/genx": "14.127.3",
|
|
79
79
|
"copyfiles": "^2.4.1",
|
|
80
80
|
"rimraf": "^3.0.2",
|
|
81
81
|
"rxjs": "^7.5.4"
|
|
@@ -86,12 +86,12 @@
|
|
|
86
86
|
"@fortawesome/free-regular-svg-icons": "^6.2.1",
|
|
87
87
|
"@fortawesome/free-solid-svg-icons": "^6.2.1",
|
|
88
88
|
"@genesiscommunitysuccess/analyzer-import-alias-plugin": "^4.0.0",
|
|
89
|
-
"@genesislcap/foundation-comms": "14.127.
|
|
90
|
-
"@genesislcap/foundation-criteria": "14.127.
|
|
91
|
-
"@genesislcap/foundation-errors": "14.127.
|
|
92
|
-
"@genesislcap/foundation-logger": "14.127.
|
|
93
|
-
"@genesislcap/foundation-notifications": "14.127.
|
|
94
|
-
"@genesislcap/foundation-utils": "14.127.
|
|
89
|
+
"@genesislcap/foundation-comms": "14.127.3",
|
|
90
|
+
"@genesislcap/foundation-criteria": "14.127.3",
|
|
91
|
+
"@genesislcap/foundation-errors": "14.127.3",
|
|
92
|
+
"@genesislcap/foundation-logger": "14.127.3",
|
|
93
|
+
"@genesislcap/foundation-notifications": "14.127.3",
|
|
94
|
+
"@genesislcap/foundation-utils": "14.127.3",
|
|
95
95
|
"@microsoft/fast-colors": "^5.3.1",
|
|
96
96
|
"@microsoft/fast-components": "^2.30.6",
|
|
97
97
|
"@microsoft/fast-element": "^1.12.0",
|
|
@@ -113,5 +113,5 @@
|
|
|
113
113
|
"access": "public"
|
|
114
114
|
},
|
|
115
115
|
"customElements": "dist/custom-elements.json",
|
|
116
|
-
"gitHead": "
|
|
116
|
+
"gitHead": "62024ec5e139ca25c5d65e11798e009a1e86074d"
|
|
117
117
|
}
|