@govtechsg/sgds-web-component 3.29.0 → 3.29.1-rc.1

package/components/ComboBox/combo-box.js

@@ -1,6 +1,6 @@
 import { css } from "lit";
 //#region src/components/ComboBox/combo-box.css
-var css_248z = css`:host{display:block;position:relative}.dropdown{display:flex;height:100%}.dropdown-menu{box-sizing:border-box;max-height:10rem;overflow-x:hidden;overflow-y:auto}.visually-hidden{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.combobox .form-control-group{height:unset;min-height:var(--sgds-dimension-48)}.combobox-input-container{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sgds-gap-xs);padding:calc(var(--sgds-form-padding-y) - var(--sgds-form-border-width-default)) 0;width:calc(100% - var(--sgds-icon-size-md, 1.25rem))}.combobox-input-container .form-control{flex:1 1 0;min-width:10ch}slot[id=default].d-none,slot[id=default].d-none::slotted(*){display:none}.form-clearable:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}`;
+var css_248z = css`:host{display:block;position:relative}.dropdown{display:flex;height:100%}.dropdown-menu{box-sizing:border-box;max-height:10rem;overflow-x:hidden;overflow-y:auto}.visually-hidden{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.combobox .form-control-group{height:unset;min-height:var(--sgds-dimension-48)}.combobox-input-container{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sgds-gap-xs);padding:calc(var(--sgds-form-padding-y) - var(--sgds-form-border-width-default)) 0;width:calc(100% - var(--sgds-icon-size-md, 1.25rem))}.combobox-input-container .form-control{flex:1 1 0;min-width:10ch}slot[id=default].d-none,slot[id=default].d-none::slotted(*){display:none}slot[name=create].d-none,slot[name=create].d-none::slotted(*){display:none}.create-option{color:var(--sgds-form-color-default);font-size:var(--sgds-font-size-label-md);overflow-wrap:anywhere;padding:var(--sgds-padding-sm) var(--sgds-padding-md);white-space:normal}.create-option:not(.slotted){cursor:pointer}.create-option:hover{background:var(--sgds-bg-translucent-subtle)}.create-option:focus-visible{background:var(--sgds-bg-translucent-subtle);outline:var(--sgds-form-outline-focus);outline-offset:var(--sgds-form-outline-offset-focus)}.form-clearable:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}`;
 //#endregion
 export { css_248z as default };
 

package/components/ComboBox/combo-box.js.map

@@ -1 +1 @@
-{"version":3,"file":"combo-box.js","names":[],"sources":["../../../src/components/ComboBox/combo-box.css"],"sourcesContent":[":host {\n  display: block;\n  position: relative;\n}\n\n.dropdown {\n  display: flex;\n  height: 100%;\n}\n\n.dropdown-menu {\n  max-height: 10rem;\n  overflow-y: auto;\n  overflow-x: hidden;\n  box-sizing: border-box;\n}\n\n.visually-hidden {\n  clip: rect(0, 0, 0, 0) !important;\n  border: 0 !important;\n  height: 1px !important;\n  margin: -1px !important;\n  overflow: hidden !important;\n  padding: 0 !important;\n  position: absolute !important;\n  white-space: nowrap !important;\n  width: 1px !important;\n}\n\n.combobox .form-control-group {\n  min-height: var(--sgds-dimension-48);\n  height: unset;\n}\n\n.combobox-input-container {\n  display: flex;\n  gap: var(--sgds-gap-xs);\n  flex-wrap: wrap;\n  align-items: center;\n  width: calc(100% - var(--sgds-icon-size-md, 1.25rem));\n  /* deduct 1px from top and bottom padding due to border */\n  padding: calc(var(--sgds-form-padding-y) - var(--sgds-form-border-width-default)) 0;\n}\n\n.combobox-input-container .form-control {\n  flex: 1 1 0;\n  min-width: 10ch;\n}\n\nslot[id='default'].d-none::slotted(*),\nslot[id='default'].d-none{\n  display: none;\n}\n\n.form-clearable:focus-visible {\n  outline: var(--sgds-outline-focus);\n  outline-offset: var(--sgds-outline-offset-focus);\n}"],"mappings":""}
+{"version":3,"file":"combo-box.js","names":[],"sources":["../../../src/components/ComboBox/combo-box.css"],"sourcesContent":[":host {\n  display: block;\n  position: relative;\n}\n\n.dropdown {\n  display: flex;\n  height: 100%;\n}\n\n.dropdown-menu {\n  max-height: 10rem;\n  overflow-y: auto;\n  overflow-x: hidden;\n  box-sizing: border-box;\n}\n\n.visually-hidden {\n  clip: rect(0, 0, 0, 0) !important;\n  border: 0 !important;\n  height: 1px !important;\n  margin: -1px !important;\n  overflow: hidden !important;\n  padding: 0 !important;\n  position: absolute !important;\n  white-space: nowrap !important;\n  width: 1px !important;\n}\n\n.combobox .form-control-group {\n  min-height: var(--sgds-dimension-48);\n  height: unset;\n}\n\n.combobox-input-container {\n  display: flex;\n  gap: var(--sgds-gap-xs);\n  flex-wrap: wrap;\n  align-items: center;\n  width: calc(100% - var(--sgds-icon-size-md, 1.25rem));\n  /* deduct 1px from top and bottom padding due to border */\n  padding: calc(var(--sgds-form-padding-y) - var(--sgds-form-border-width-default)) 0;\n}\n\n.combobox-input-container .form-control {\n  flex: 1 1 0;\n  min-width: 10ch;\n}\n\nslot[id='default'].d-none::slotted(*),\nslot[id='default'].d-none{\n  display: none;\n}\n\nslot[name='create'].d-none::slotted(*),\nslot[name='create'].d-none {\n  display: none;\n}\n\n.create-option {\n  padding: var(--sgds-padding-sm) var(--sgds-padding-md);\n  color: var(--sgds-form-color-default);\n  font-size: var(--sgds-font-size-label-md);\n  white-space: normal;\n  overflow-wrap: anywhere;\n}\n\n.create-option:not(.slotted) {\n  cursor: pointer;\n}\n\n.create-option:hover {\n  background: var(--sgds-bg-translucent-subtle);\n}\n\n.create-option:focus-visible {\n  background: var(--sgds-bg-translucent-subtle);\n  outline: var(--sgds-form-outline-focus);\n  outline-offset: var(--sgds-form-outline-offset-focus);\n}\n\n.form-clearable:focus-visible {\n  outline: var(--sgds-outline-focus);\n  outline-offset: var(--sgds-outline-offset-focus);\n}"],"mappings":""}