@govtechsg/sgds-web-component 3.27.0-rc.3 → 3.27.0

package/react/index.cjs.js

@@ -7,82 +7,79 @@ var index = require('./accordion-item/index.cjs.js');
 var index$1 = require('./accordion/index.cjs.js');
 var index$2 = require('./alert-link/index.cjs.js');
 var index$3 = require('./alert/index.cjs.js');
-var index$4 = require('./appnav-profile/index.cjs.js');
-var index$5 = require('./appnav/index.cjs.js');
-var index$6 = require('./badge/index.cjs.js');
-var index$7 = require('./breadcrumb-item/index.cjs.js');
-var index$8 = require('./breadcrumb/index.cjs.js');
-var index$9 = require('./button/index.cjs.js');
-var index$a = require('./card/index.cjs.js');
-var index$b = require('./checkbox-group/index.cjs.js');
-var index$c = require('./checkbox/index.cjs.js');
-var index$d = require('./close-button/index.cjs.js');
-var index$e = require('./combo-box-option/index.cjs.js');
-var index$f = require('./combo-box/index.cjs.js');
-var index$g = require('./data-table-cell/index.cjs.js');
-var index$h = require('./data-table-head/index.cjs.js');
-var index$i = require('./data-table-row/index.cjs.js');
-var index$j = require('./data-table/index.cjs.js');
-var index$k = require('./datepicker/index.cjs.js');
-var index$l = require('./description-list-group/index.cjs.js');
-var index$m = require('./description-list/index.cjs.js');
-var index$n = require('./divider/index.cjs.js');
-var index$o = require('./drawer/index.cjs.js');
-var index$p = require('./dropdown-item/index.cjs.js');
-var index$q = require('./dropdown/index.cjs.js');
-var index$r = require('./file-upload/index.cjs.js');
-var index$s = require('./footer-item/index.cjs.js');
-var index$t = require('./footer/index.cjs.js');
-var index$u = require('./icon/index.cjs.js');
-var index$v = require('./icon-card/index.cjs.js');
-var index$w = require('./icon-button/index.cjs.js');
-var index$x = require('./icon-list/index.cjs.js');
-var index$y = require('./image-card/index.cjs.js');
-var index$z = require('./input/index.cjs.js');
-var index$A = require('./link/index.cjs.js');
-var index$B = require('./mainnav-dropdown/index.cjs.js');
-var index$C = require('./mainnav-item/index.cjs.js');
-var index$D = require('./mainnav-profile/index.cjs.js');
-var index$E = require('./mainnav/index.cjs.js');
-var index$F = require('./masthead/index.cjs.js');
-var index$G = require('./modal/index.cjs.js');
-var index$H = require('./overflow-menu/index.cjs.js');
-var index$I = require('./pagination/index.cjs.js');
-var index$J = require('./progress-bar/index.cjs.js');
-var index$K = require('./quantity-toggle/index.cjs.js');
-var index$L = require('./radio-group/index.cjs.js');
-var index$M = require('./radio/index.cjs.js');
-var index$N = require('./select-option/index.cjs.js');
-var index$O = require('./select/index.cjs.js');
-var index$P = require('./sidenav-item/index.cjs.js');
-var index$Q = require('./sidenav-link/index.cjs.js');
-var index$R = require('./sidenav/index.cjs.js');
-var index$S = require('./skeleton/index.cjs.js');
-var index$T = require('./sidebar-group/index.cjs.js');
-var index$U = require('./sidebar-item/index.cjs.js');
-var index$V = require('./sidebar-section/index.cjs.js');
-var index$W = require('./sidebar/index.cjs.js');
-var index$X = require('./spinner/index.cjs.js');
-var index$Y = require('./step/index.cjs.js');
-var index$Z = require('./stepper/index.cjs.js');
-var index$_ = require('./subnav-item/index.cjs.js');
-var index$$ = require('./subnav/index.cjs.js');
-var index$10 = require('./switch/index.cjs.js');
-var index$11 = require('./system-banner-item/index.cjs.js');
-var index$12 = require('./system-banner/index.cjs.js');
-var index$13 = require('./tab-group/index.cjs.js');
-var index$14 = require('./tab-panel/index.cjs.js');
-var index$15 = require('./tab/index.cjs.js');
-var index$16 = require('./table-cell/index.cjs.js');
-var index$17 = require('./table-head/index.cjs.js');
-var index$18 = require('./table-row/index.cjs.js');
-var index$19 = require('./table/index.cjs.js');
-var index$1a = require('./table-of-contents/index.cjs.js');
-var index$1b = require('./textarea/index.cjs.js');
-var index$1c = require('./thumbnail-card/index.cjs.js');
-var index$1d = require('./toast-container/index.cjs.js');
-var index$1e = require('./toast/index.cjs.js');
-var index$1f = require('./tooltip/index.cjs.js');
+var index$4 = require('./badge/index.cjs.js');
+var index$5 = require('./breadcrumb-item/index.cjs.js');
+var index$6 = require('./breadcrumb/index.cjs.js');
+var index$7 = require('./button/index.cjs.js');
+var index$8 = require('./card/index.cjs.js');
+var index$9 = require('./checkbox-group/index.cjs.js');
+var index$a = require('./checkbox/index.cjs.js');
+var index$b = require('./close-button/index.cjs.js');
+var index$c = require('./combo-box-option/index.cjs.js');
+var index$d = require('./combo-box/index.cjs.js');
+var index$e = require('./data-table-cell/index.cjs.js');
+var index$f = require('./data-table-head/index.cjs.js');
+var index$g = require('./data-table-row/index.cjs.js');
+var index$h = require('./data-table/index.cjs.js');
+var index$i = require('./datepicker/index.cjs.js');
+var index$j = require('./description-list-group/index.cjs.js');
+var index$k = require('./description-list/index.cjs.js');
+var index$l = require('./divider/index.cjs.js');
+var index$m = require('./drawer/index.cjs.js');
+var index$n = require('./dropdown-item/index.cjs.js');
+var index$o = require('./dropdown/index.cjs.js');
+var index$p = require('./file-upload/index.cjs.js');
+var index$q = require('./footer-item/index.cjs.js');
+var index$r = require('./footer/index.cjs.js');
+var index$s = require('./icon/index.cjs.js');
+var index$t = require('./icon-button/index.cjs.js');
+var index$u = require('./icon-card/index.cjs.js');
+var index$v = require('./icon-list/index.cjs.js');
+var index$w = require('./image-card/index.cjs.js');
+var index$x = require('./input/index.cjs.js');
+var index$y = require('./link/index.cjs.js');
+var index$z = require('./mainnav-dropdown/index.cjs.js');
+var index$A = require('./mainnav-item/index.cjs.js');
+var index$B = require('./mainnav/index.cjs.js');
+var index$C = require('./masthead/index.cjs.js');
+var index$D = require('./modal/index.cjs.js');
+var index$E = require('./overflow-menu/index.cjs.js');
+var index$F = require('./pagination/index.cjs.js');
+var index$G = require('./progress-bar/index.cjs.js');
+var index$H = require('./quantity-toggle/index.cjs.js');
+var index$I = require('./radio-group/index.cjs.js');
+var index$J = require('./radio/index.cjs.js');
+var index$K = require('./select-option/index.cjs.js');
+var index$L = require('./select/index.cjs.js');
+var index$M = require('./sidebar-group/index.cjs.js');
+var index$N = require('./sidebar-item/index.cjs.js');
+var index$O = require('./sidebar-section/index.cjs.js');
+var index$P = require('./sidebar/index.cjs.js');
+var index$Q = require('./sidenav-item/index.cjs.js');
+var index$R = require('./sidenav-link/index.cjs.js');
+var index$S = require('./sidenav/index.cjs.js');
+var index$T = require('./skeleton/index.cjs.js');
+var index$U = require('./spinner/index.cjs.js');
+var index$V = require('./step/index.cjs.js');
+var index$W = require('./stepper/index.cjs.js');
+var index$X = require('./subnav-item/index.cjs.js');
+var index$Y = require('./subnav/index.cjs.js');
+var index$Z = require('./switch/index.cjs.js');
+var index$_ = require('./system-banner-item/index.cjs.js');
+var index$$ = require('./system-banner/index.cjs.js');
+var index$10 = require('./tab-group/index.cjs.js');
+var index$11 = require('./tab-panel/index.cjs.js');
+var index$12 = require('./tab/index.cjs.js');
+var index$13 = require('./table-cell/index.cjs.js');
+var index$14 = require('./table-head/index.cjs.js');
+var index$15 = require('./table-row/index.cjs.js');
+var index$16 = require('./table/index.cjs.js');
+var index$17 = require('./table-of-contents/index.cjs.js');
+var index$18 = require('./textarea/index.cjs.js');
+var index$19 = require('./thumbnail-card/index.cjs.js');
+var index$1a = require('./toast-container/index.cjs.js');
+var index$1b = require('./toast/index.cjs.js');
+var index$1c = require('./tooltip/index.cjs.js');
 
 
 
@@ -90,80 +87,77 @@ exports.SgdsAccordionItem = index["default"];
 exports.SgdsAccordion = index$1["default"];
 exports.SgdsAlertLink = index$2["default"];
 exports.SgdsAlert = index$3["default"];
-exports.SgdsAppnavProfile = index$4["default"];
-exports.SgdsAppnav = index$5["default"];
-exports.SgdsBadge = index$6["default"];
-exports.SgdsBreadcrumbItem = index$7["default"];
-exports.SgdsBreadcrumb = index$8["default"];
-exports.SgdsButton = index$9["default"];
-exports.SgdsCard = index$a["default"];
-exports.SgdsCheckboxGroup = index$b["default"];
-exports.SgdsCheckbox = index$c["default"];
-exports.SgdsCloseButton = index$d["default"];
-exports.SgdsComboBoxOption = index$e["default"];
-exports.SgdsComboBox = index$f["default"];
-exports.SgdsDataTableCell = index$g["default"];
-exports.SgdsDataTableHead = index$h["default"];
-exports.SgdsDataTableRow = index$i["default"];
-exports.SgdsDataTable = index$j["default"];
-exports.SgdsDatepicker = index$k["default"];
-exports.SgdsDescriptionListGroup = index$l["default"];
-exports.SgdsDescriptionList = index$m["default"];
-exports.SgdsDivider = index$n["default"];
-exports.SgdsDrawer = index$o["default"];
-exports.SgdsDropdownItem = index$p["default"];
-exports.SgdsDropdown = index$q["default"];
-exports.SgdsFileUpload = index$r["default"];
-exports.SgdsFooterItem = index$s["default"];
-exports.SgdsFooter = index$t["default"];
-exports.SgdsIcon = index$u["default"];
-exports.SgdsIconCard = index$v["default"];
-exports.SgdsIconButton = index$w["default"];
-exports.SgdsIconList = index$x["default"];
-exports.SgdsImageCard = index$y["default"];
-exports.SgdsInput = index$z["default"];
-exports.SgdsLink = index$A["default"];
-exports.SgdsMainnavDropdown = index$B["default"];
-exports.SgdsMainnavItem = index$C["default"];
-exports.SgdsMainnavProfile = index$D["default"];
-exports.SgdsMainnav = index$E["default"];
-exports.SgdsMasthead = index$F["default"];
-exports.SgdsModal = index$G["default"];
-exports.SgdsOverflowMenu = index$H["default"];
-exports.SgdsPagination = index$I["default"];
-exports.SgdsProgressBar = index$J["default"];
-exports.SgdsQuantityToggle = index$K["default"];
-exports.SgdsRadioGroup = index$L["default"];
-exports.SgdsRadio = index$M["default"];
-exports.SgdsSelectOption = index$N["default"];
-exports.SgdsSelect = index$O["default"];
-exports.SgdsSidenavItem = index$P["default"];
-exports.SgdsSidenavLink = index$Q["default"];
-exports.SgdsSidenav = index$R["default"];
-exports.SgdsSkeleton = index$S["default"];
-exports.SgdsSidebarGroup = index$T["default"];
-exports.SgdsSidebarItem = index$U["default"];
-exports.SgdsSidebarSection = index$V["default"];
-exports.SgdsSidebar = index$W["default"];
-exports.SgdsSpinner = index$X["default"];
-exports.SgdsStep = index$Y["default"];
-exports.SgdsStepper = index$Z["default"];
-exports.SgdsSubnavItem = index$_["default"];
-exports.SgdsSubnav = index$$["default"];
-exports.SgdsSwitch = index$10["default"];
-exports.SgdsSystemBannerItem = index$11["default"];
-exports.SgdsSystemBanner = index$12["default"];
-exports.SgdsTabGroup = index$13["default"];
-exports.SgdsTabPanel = index$14["default"];
-exports.SgdsTab = index$15["default"];
-exports.SgdsTableCell = index$16["default"];
-exports.SgdsTableHead = index$17["default"];
-exports.SgdsTableRow = index$18["default"];
-exports.SgdsTable = index$19["default"];
-exports.SgdsTableOfContents = index$1a["default"];
-exports.SgdsTextarea = index$1b["default"];
-exports.SgdsThumbnailCard = index$1c["default"];
-exports.SgdsToastContainer = index$1d["default"];
-exports.SgdsToast = index$1e["default"];
-exports.SgdsTooltip = index$1f["default"];
+exports.SgdsBadge = index$4["default"];
+exports.SgdsBreadcrumbItem = index$5["default"];
+exports.SgdsBreadcrumb = index$6["default"];
+exports.SgdsButton = index$7["default"];
+exports.SgdsCard = index$8["default"];
+exports.SgdsCheckboxGroup = index$9["default"];
+exports.SgdsCheckbox = index$a["default"];
+exports.SgdsCloseButton = index$b["default"];
+exports.SgdsComboBoxOption = index$c["default"];
+exports.SgdsComboBox = index$d["default"];
+exports.SgdsDataTableCell = index$e["default"];
+exports.SgdsDataTableHead = index$f["default"];
+exports.SgdsDataTableRow = index$g["default"];
+exports.SgdsDataTable = index$h["default"];
+exports.SgdsDatepicker = index$i["default"];
+exports.SgdsDescriptionListGroup = index$j["default"];
+exports.SgdsDescriptionList = index$k["default"];
+exports.SgdsDivider = index$l["default"];
+exports.SgdsDrawer = index$m["default"];
+exports.SgdsDropdownItem = index$n["default"];
+exports.SgdsDropdown = index$o["default"];
+exports.SgdsFileUpload = index$p["default"];
+exports.SgdsFooterItem = index$q["default"];
+exports.SgdsFooter = index$r["default"];
+exports.SgdsIcon = index$s["default"];
+exports.SgdsIconButton = index$t["default"];
+exports.SgdsIconCard = index$u["default"];
+exports.SgdsIconList = index$v["default"];
+exports.SgdsImageCard = index$w["default"];
+exports.SgdsInput = index$x["default"];
+exports.SgdsLink = index$y["default"];
+exports.SgdsMainnavDropdown = index$z["default"];
+exports.SgdsMainnavItem = index$A["default"];
+exports.SgdsMainnav = index$B["default"];
+exports.SgdsMasthead = index$C["default"];
+exports.SgdsModal = index$D["default"];
+exports.SgdsOverflowMenu = index$E["default"];
+exports.SgdsPagination = index$F["default"];
+exports.SgdsProgressBar = index$G["default"];
+exports.SgdsQuantityToggle = index$H["default"];
+exports.SgdsRadioGroup = index$I["default"];
+exports.SgdsRadio = index$J["default"];
+exports.SgdsSelectOption = index$K["default"];
+exports.SgdsSelect = index$L["default"];
+exports.SgdsSidebarGroup = index$M["default"];
+exports.SgdsSidebarItem = index$N["default"];
+exports.SgdsSidebarSection = index$O["default"];
+exports.SgdsSidebar = index$P["default"];
+exports.SgdsSidenavItem = index$Q["default"];
+exports.SgdsSidenavLink = index$R["default"];
+exports.SgdsSidenav = index$S["default"];
+exports.SgdsSkeleton = index$T["default"];
+exports.SgdsSpinner = index$U["default"];
+exports.SgdsStep = index$V["default"];
+exports.SgdsStepper = index$W["default"];
+exports.SgdsSubnavItem = index$X["default"];
+exports.SgdsSubnav = index$Y["default"];
+exports.SgdsSwitch = index$Z["default"];
+exports.SgdsSystemBannerItem = index$_["default"];
+exports.SgdsSystemBanner = index$$["default"];
+exports.SgdsTabGroup = index$10["default"];
+exports.SgdsTabPanel = index$11["default"];
+exports.SgdsTab = index$12["default"];
+exports.SgdsTableCell = index$13["default"];
+exports.SgdsTableHead = index$14["default"];
+exports.SgdsTableRow = index$15["default"];
+exports.SgdsTable = index$16["default"];
+exports.SgdsTableOfContents = index$17["default"];
+exports.SgdsTextarea = index$18["default"];
+exports.SgdsThumbnailCard = index$19["default"];
+exports.SgdsToastContainer = index$1a["default"];
+exports.SgdsToast = index$1b["default"];
+exports.SgdsTooltip = index$1c["default"];
 //# sourceMappingURL=index.cjs.js.map

package/react/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/react/index.d.ts

@@ -2,8 +2,6 @@ export { default as SgdsAccordionItem } from './accordion-item';
 export { default as SgdsAccordion } from './accordion';
 export { default as SgdsAlertLink } from './alert-link';
 export { default as SgdsAlert } from './alert';
-export { default as SgdsAppnavProfile } from './appnav-profile';
-export { default as SgdsAppnav } from './appnav';
 export { default as SgdsBadge } from './badge';
 export { default as SgdsBreadcrumbItem } from './breadcrumb-item';
 export { default as SgdsBreadcrumb } from './breadcrumb';
@@ -29,15 +27,14 @@ export { default as SgdsFileUpload } from './file-upload';
 export { default as SgdsFooterItem } from './footer-item';
 export { default as SgdsFooter } from './footer';
 export { default as SgdsIcon } from './icon';
-export { default as SgdsIconCard } from './icon-card';
 export { default as SgdsIconButton } from './icon-button';
+export { default as SgdsIconCard } from './icon-card';
 export { default as SgdsIconList } from './icon-list';
 export { default as SgdsImageCard } from './image-card';
 export { default as SgdsInput } from './input';
 export { default as SgdsLink } from './link';
 export { default as SgdsMainnavDropdown } from './mainnav-dropdown';
 export { default as SgdsMainnavItem } from './mainnav-item';
-export { default as SgdsMainnavProfile } from './mainnav-profile';
 export { default as SgdsMainnav } from './mainnav';
 export { default as SgdsMasthead } from './masthead';
 export { default as SgdsModal } from './modal';
@@ -49,14 +46,14 @@ export { default as SgdsRadioGroup } from './radio-group';
 export { default as SgdsRadio } from './radio';
 export { default as SgdsSelectOption } from './select-option';
 export { default as SgdsSelect } from './select';
-export { default as SgdsSidenavItem } from './sidenav-item';
-export { default as SgdsSidenavLink } from './sidenav-link';
-export { default as SgdsSidenav } from './sidenav';
-export { default as SgdsSkeleton } from './skeleton';
 export { default as SgdsSidebarGroup } from './sidebar-group';
 export { default as SgdsSidebarItem } from './sidebar-item';
 export { default as SgdsSidebarSection } from './sidebar-section';
 export { default as SgdsSidebar } from './sidebar';
+export { default as SgdsSidenavItem } from './sidenav-item';
+export { default as SgdsSidenavLink } from './sidenav-link';
+export { default as SgdsSidenav } from './sidenav';
+export { default as SgdsSkeleton } from './skeleton';
 export { default as SgdsSpinner } from './spinner';
 export { default as SgdsStep } from './step';
 export { default as SgdsStepper } from './stepper';

package/react/index.js

@@ -3,8 +3,6 @@ export { default as SgdsAccordionItem } from './accordion-item/index.js';
 export { default as SgdsAccordion } from './accordion/index.js';
 export { default as SgdsAlertLink } from './alert-link/index.js';
 export { default as SgdsAlert } from './alert/index.js';
-export { default as SgdsAppnavProfile } from './appnav-profile/index.js';
-export { default as SgdsAppnav } from './appnav/index.js';
 export { default as SgdsBadge } from './badge/index.js';
 export { default as SgdsBreadcrumbItem } from './breadcrumb-item/index.js';
 export { default as SgdsBreadcrumb } from './breadcrumb/index.js';
@@ -30,15 +28,14 @@ export { default as SgdsFileUpload } from './file-upload/index.js';
 export { default as SgdsFooterItem } from './footer-item/index.js';
 export { default as SgdsFooter } from './footer/index.js';
 export { default as SgdsIcon } from './icon/index.js';
-export { default as SgdsIconCard } from './icon-card/index.js';
 export { default as SgdsIconButton } from './icon-button/index.js';
+export { default as SgdsIconCard } from './icon-card/index.js';
 export { default as SgdsIconList } from './icon-list/index.js';
 export { default as SgdsImageCard } from './image-card/index.js';
 export { default as SgdsInput } from './input/index.js';
 export { default as SgdsLink } from './link/index.js';
 export { default as SgdsMainnavDropdown } from './mainnav-dropdown/index.js';
 export { default as SgdsMainnavItem } from './mainnav-item/index.js';
-export { default as SgdsMainnavProfile } from './mainnav-profile/index.js';
 export { default as SgdsMainnav } from './mainnav/index.js';
 export { default as SgdsMasthead } from './masthead/index.js';
 export { default as SgdsModal } from './modal/index.js';
@@ -50,14 +47,14 @@ export { default as SgdsRadioGroup } from './radio-group/index.js';
 export { default as SgdsRadio } from './radio/index.js';
 export { default as SgdsSelectOption } from './select-option/index.js';
 export { default as SgdsSelect } from './select/index.js';
-export { default as SgdsSidenavItem } from './sidenav-item/index.js';
-export { default as SgdsSidenavLink } from './sidenav-link/index.js';
-export { default as SgdsSidenav } from './sidenav/index.js';
-export { default as SgdsSkeleton } from './skeleton/index.js';
 export { default as SgdsSidebarGroup } from './sidebar-group/index.js';
 export { default as SgdsSidebarItem } from './sidebar-item/index.js';
 export { default as SgdsSidebarSection } from './sidebar-section/index.js';
 export { default as SgdsSidebar } from './sidebar/index.js';
+export { default as SgdsSidenavItem } from './sidenav-item/index.js';
+export { default as SgdsSidenavLink } from './sidenav-link/index.js';
+export { default as SgdsSidenav } from './sidenav/index.js';
+export { default as SgdsSkeleton } from './skeleton/index.js';
 export { default as SgdsSpinner } from './spinner/index.js';
 export { default as SgdsStep } from './step/index.js';
 export { default as SgdsStepper } from './stepper/index.js';

package/react/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/react/styles/form-text-control.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var lit = require('lit');
 
-var css_248z = lit.css`.form-control-container{display:flex;flex-direction:column;gap:var(--sgds-form-gap-md)}.m-width-160{min-width:var(--sgds-dimension-160)}.m-width-256{min-width:var(--sgds-dimension-256)}.form-label{color:var(--sgds-form-color-default);font-size:var(--sgds-font-size-label-md);font-weight:var(--sgds-font-weight-semibold)}.form-control-group{align-items:center;background-color:var(--sgds-form-surface-default);border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-default);border-radius:var(--input-border-radius,var(--sgds-form-border-radius-md));display:flex;gap:var(--sgds-form-gap-xl);height:var(--sgds-dimension-48);justify-content:center;overflow:hidden;padding:0 var(--sgds-form-padding-x);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:-webkit-fill-available;width:-moz-available}.form-control{appearance:none;background-clip:padding-box;background:none;border:none;color:var(--sgds-form-color-default);display:block;flex-grow:1;font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-label-md);line-height:var(--sgds-line-height-xs);min-width:0;outline:none;padding:0;width:100%}.form-clearable{color:var(--sgds-color-subtle);cursor:pointer}.form-control-group:not(.disabled):not(.is-invalid):not(.readonly):not(:focus-within):hover{outline:var(--sgds-form-border-width-thick) solid var(--sgds-border-color-emphasis);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-group:not(.disabled):not(.is-invalid):focus-within{outline:var(--sgds-form-outline-focus);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-container.disabled{opacity:var(--sgds-opacity-40)}.form-control-group.disabled{background-color:var(--sgds-form-surface-muted);cursor:not-allowed}.form-control-group.readonly{background-color:var(--sgds-form-surface-raised)}.form-control-group.is-invalid:not(.disabled){border:var(--sgds-form-border-width-default) solid var(--sgds-form-danger-border-color-default)}.form-control-group:not(.disabled).is-invalid:focus-within{outline:var(--sgds-border-width-2) solid var(--sgds-form-danger-color-default);outline-offset:var(--sgds-form-outline-offset-focus)}`;
+var css_248z = lit.css`.form-control-container{display:flex;flex-direction:column;gap:var(--sgds-form-gap-md)}.m-width-160{min-width:var(--sgds-dimension-160)}.m-width-256{min-width:var(--sgds-dimension-256)}.form-label{color:var(--sgds-form-color-default);font-size:var(--sgds-font-size-label-md);font-weight:var(--sgds-font-weight-semibold)}.form-control-group{align-items:center;background-color:var(--sgds-form-surface-default);border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-default);border-radius:var(--input-border-radius,var(--sgds-form-border-radius-md));display:flex;gap:var(--sgds-form-gap-md);height:var(--sgds-dimension-48);justify-content:center;overflow:hidden;padding:0 var(--sgds-form-padding-x);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:-webkit-fill-available;width:-moz-available}.form-control{appearance:none;background-clip:padding-box;background:none;border:none;color:var(--sgds-form-color-default);display:block;flex-grow:1;font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-label-md);line-height:var(--sgds-line-height-xs);min-width:0;outline:none;padding:0;width:100%}.form-clearable{color:var(--sgds-color-subtle);cursor:pointer}.form-control-group:not(.disabled):not(.is-invalid):not(.readonly):not(:focus-within):hover{outline:var(--sgds-form-border-width-thick) solid var(--sgds-border-color-emphasis);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-group:not(.disabled):not(.is-invalid):focus-within{outline:var(--sgds-form-outline-focus);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-container.disabled{opacity:var(--sgds-opacity-40)}.form-control-group.disabled{background-color:var(--sgds-form-surface-muted);cursor:not-allowed}.form-control-group.readonly{background-color:var(--sgds-form-surface-raised)}.form-control-group.is-invalid:not(.disabled){border:var(--sgds-form-border-width-default) solid var(--sgds-form-danger-border-color-default)}.form-control-group:not(.disabled).is-invalid:focus-within{outline:var(--sgds-border-width-2) solid var(--sgds-form-danger-color-default);outline-offset:var(--sgds-form-outline-offset-focus)}`;
 
 exports["default"] = css_248z;
 //# sourceMappingURL=form-text-control.cjs.js.map

package/react/styles/form-text-control.js

@@ -1,7 +1,7 @@
 'use client';
 import { css } from 'lit';
 
-var css_248z = css`.form-control-container{display:flex;flex-direction:column;gap:var(--sgds-form-gap-md)}.m-width-160{min-width:var(--sgds-dimension-160)}.m-width-256{min-width:var(--sgds-dimension-256)}.form-label{color:var(--sgds-form-color-default);font-size:var(--sgds-font-size-label-md);font-weight:var(--sgds-font-weight-semibold)}.form-control-group{align-items:center;background-color:var(--sgds-form-surface-default);border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-default);border-radius:var(--input-border-radius,var(--sgds-form-border-radius-md));display:flex;gap:var(--sgds-form-gap-xl);height:var(--sgds-dimension-48);justify-content:center;overflow:hidden;padding:0 var(--sgds-form-padding-x);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:-webkit-fill-available;width:-moz-available}.form-control{appearance:none;background-clip:padding-box;background:none;border:none;color:var(--sgds-form-color-default);display:block;flex-grow:1;font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-label-md);line-height:var(--sgds-line-height-xs);min-width:0;outline:none;padding:0;width:100%}.form-clearable{color:var(--sgds-color-subtle);cursor:pointer}.form-control-group:not(.disabled):not(.is-invalid):not(.readonly):not(:focus-within):hover{outline:var(--sgds-form-border-width-thick) solid var(--sgds-border-color-emphasis);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-group:not(.disabled):not(.is-invalid):focus-within{outline:var(--sgds-form-outline-focus);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-container.disabled{opacity:var(--sgds-opacity-40)}.form-control-group.disabled{background-color:var(--sgds-form-surface-muted);cursor:not-allowed}.form-control-group.readonly{background-color:var(--sgds-form-surface-raised)}.form-control-group.is-invalid:not(.disabled){border:var(--sgds-form-border-width-default) solid var(--sgds-form-danger-border-color-default)}.form-control-group:not(.disabled).is-invalid:focus-within{outline:var(--sgds-border-width-2) solid var(--sgds-form-danger-color-default);outline-offset:var(--sgds-form-outline-offset-focus)}`;
+var css_248z = css`.form-control-container{display:flex;flex-direction:column;gap:var(--sgds-form-gap-md)}.m-width-160{min-width:var(--sgds-dimension-160)}.m-width-256{min-width:var(--sgds-dimension-256)}.form-label{color:var(--sgds-form-color-default);font-size:var(--sgds-font-size-label-md);font-weight:var(--sgds-font-weight-semibold)}.form-control-group{align-items:center;background-color:var(--sgds-form-surface-default);border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-default);border-radius:var(--input-border-radius,var(--sgds-form-border-radius-md));display:flex;gap:var(--sgds-form-gap-md);height:var(--sgds-dimension-48);justify-content:center;overflow:hidden;padding:0 var(--sgds-form-padding-x);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:-webkit-fill-available;width:-moz-available}.form-control{appearance:none;background-clip:padding-box;background:none;border:none;color:var(--sgds-form-color-default);display:block;flex-grow:1;font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-label-md);line-height:var(--sgds-line-height-xs);min-width:0;outline:none;padding:0;width:100%}.form-clearable{color:var(--sgds-color-subtle);cursor:pointer}.form-control-group:not(.disabled):not(.is-invalid):not(.readonly):not(:focus-within):hover{outline:var(--sgds-form-border-width-thick) solid var(--sgds-border-color-emphasis);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-group:not(.disabled):not(.is-invalid):focus-within{outline:var(--sgds-form-outline-focus);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-container.disabled{opacity:var(--sgds-opacity-40)}.form-control-group.disabled{background-color:var(--sgds-form-surface-muted);cursor:not-allowed}.form-control-group.readonly{background-color:var(--sgds-form-surface-raised)}.form-control-group.is-invalid:not(.disabled){border:var(--sgds-form-border-width-default) solid var(--sgds-form-danger-border-color-default)}.form-control-group:not(.disabled).is-invalid:focus-within{outline:var(--sgds-border-width-2) solid var(--sgds-form-danger-color-default);outline-offset:var(--sgds-form-outline-offset-focus)}`;
 
 export { css_248z as default };
 //# sourceMappingURL=form-text-control.js.map

package/styles/form-text-control.js

@@ -1,6 +1,6 @@
 import { css } from 'lit';
 
-var css_248z = css`.form-control-container{display:flex;flex-direction:column;gap:var(--sgds-form-gap-md)}.m-width-160{min-width:var(--sgds-dimension-160)}.m-width-256{min-width:var(--sgds-dimension-256)}.form-label{color:var(--sgds-form-color-default);font-size:var(--sgds-font-size-label-md);font-weight:var(--sgds-font-weight-semibold)}.form-control-group{align-items:center;background-color:var(--sgds-form-surface-default);border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-default);border-radius:var(--input-border-radius,var(--sgds-form-border-radius-md));display:flex;gap:var(--sgds-form-gap-xl);height:var(--sgds-dimension-48);justify-content:center;overflow:hidden;padding:0 var(--sgds-form-padding-x);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:-webkit-fill-available;width:-moz-available}.form-control{appearance:none;background-clip:padding-box;background:none;border:none;color:var(--sgds-form-color-default);display:block;flex-grow:1;font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-label-md);line-height:var(--sgds-line-height-xs);min-width:0;outline:none;padding:0;width:100%}.form-clearable{color:var(--sgds-color-subtle);cursor:pointer}.form-control-group:not(.disabled):not(.is-invalid):not(.readonly):not(:focus-within):hover{outline:var(--sgds-form-border-width-thick) solid var(--sgds-border-color-emphasis);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-group:not(.disabled):not(.is-invalid):focus-within{outline:var(--sgds-form-outline-focus);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-container.disabled{opacity:var(--sgds-opacity-40)}.form-control-group.disabled{background-color:var(--sgds-form-surface-muted);cursor:not-allowed}.form-control-group.readonly{background-color:var(--sgds-form-surface-raised)}.form-control-group.is-invalid:not(.disabled){border:var(--sgds-form-border-width-default) solid var(--sgds-form-danger-border-color-default)}.form-control-group:not(.disabled).is-invalid:focus-within{outline:var(--sgds-border-width-2) solid var(--sgds-form-danger-color-default);outline-offset:var(--sgds-form-outline-offset-focus)}`;
+var css_248z = css`.form-control-container{display:flex;flex-direction:column;gap:var(--sgds-form-gap-md)}.m-width-160{min-width:var(--sgds-dimension-160)}.m-width-256{min-width:var(--sgds-dimension-256)}.form-label{color:var(--sgds-form-color-default);font-size:var(--sgds-font-size-label-md);font-weight:var(--sgds-font-weight-semibold)}.form-control-group{align-items:center;background-color:var(--sgds-form-surface-default);border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-default);border-radius:var(--input-border-radius,var(--sgds-form-border-radius-md));display:flex;gap:var(--sgds-form-gap-md);height:var(--sgds-dimension-48);justify-content:center;overflow:hidden;padding:0 var(--sgds-form-padding-x);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:-webkit-fill-available;width:-moz-available}.form-control{appearance:none;background-clip:padding-box;background:none;border:none;color:var(--sgds-form-color-default);display:block;flex-grow:1;font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-label-md);line-height:var(--sgds-line-height-xs);min-width:0;outline:none;padding:0;width:100%}.form-clearable{color:var(--sgds-color-subtle);cursor:pointer}.form-control-group:not(.disabled):not(.is-invalid):not(.readonly):not(:focus-within):hover{outline:var(--sgds-form-border-width-thick) solid var(--sgds-border-color-emphasis);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-group:not(.disabled):not(.is-invalid):focus-within{outline:var(--sgds-form-outline-focus);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-container.disabled{opacity:var(--sgds-opacity-40)}.form-control-group.disabled{background-color:var(--sgds-form-surface-muted);cursor:not-allowed}.form-control-group.readonly{background-color:var(--sgds-form-surface-raised)}.form-control-group.is-invalid:not(.disabled){border:var(--sgds-form-border-width-default) solid var(--sgds-form-danger-border-color-default)}.form-control-group:not(.disabled).is-invalid:focus-within{outline:var(--sgds-border-width-2) solid var(--sgds-form-danger-color-default);outline-offset:var(--sgds-form-outline-offset-focus)}`;
 
 export { css_248z as default };
 //# sourceMappingURL=form-text-control.js.map

package/themes/blue.css

@@ -1,11 +1,11 @@
-:root {
-  --gt-color-100: #EFF5FC;
-  --gt-color-200: #CEE1F6;
-  --gt-color-300: #A0C5EE;
-  --gt-color-400: #73A9E5;
-  --gt-color-500: #4288D6;
-  --gt-color-600: #356DAC;
-  --gt-color-700: #285483;
-  --gt-color-800: #1E3E62;
-  --gt-color-900: #152B44;
-}
+:root{
+--gt-color-100: #EFF5FC;
+--gt-color-200: #CEE1F6;
+--gt-color-300: #A0C5EE;
+--gt-color-400: #73A9E5;
+--gt-color-500: #4288D6;
+--gt-color-600: #356DAC;
+--gt-color-700: #285483;
+--gt-color-800: #1E3E62;
+--gt-color-900: #152B44;
+}

package/themes/cyan.css

@@ -1,11 +1,11 @@
 :root {
-  --gt-color-100: #E0F7FE;
-  --gt-color-200: #A7E9FB;
-  --gt-color-300: #47D1F6;
-  --gt-color-400: #00B3E2;
-  --gt-color-500: #0091B8;
-  --gt-color-600: #007493;
-  --gt-color-700: #005971;
-  --gt-color-800: #004355;
-  --gt-color-900: #002E3B;
-}
+--gt-color-100: #E0F7FE;
+--gt-color-200: #A7E9FB;
+--gt-color-300: #47D1F6;
+--gt-color-400: #00B3E2;
+--gt-color-500: #0091B8;
+--gt-color-600: #007493;
+--gt-color-700: #005971;
+--gt-color-800: #004355;
+--gt-color-900: #002E3B;
+}

package/themes/day.css

@@ -16,7 +16,7 @@
   --sgds-bg-translucent-fixed-dark: oklch(from var(--sgds-gray-1100) l c h / 0.2);
   --sgds-bg-translucent-fixed-light: oklch(from var(--sgds-gray-000) l c h / 0.2);
   --sgds-surface-default: var(--sgds-gray-000);
-  --sgds-surface-raised: var(--sgds-gray-100);
+  --sgds-surface-raised: var(--sgds-gray-50);
   --sgds-surface-inverse: var(--sgds-gray-900);
   --sgds-surface-fixed-light: var(--sgds-gray-000);
   --sgds-surface-fixed-dark: var(--sgds-gray-900);

package/themes/gt/blue.css

@@ -1,11 +1,11 @@
-:root {
-  --gt-color-100: #EFF5FC;
-  --gt-color-200: #CEE1F6;
-  --gt-color-300: #A0C5EE;
-  --gt-color-400: #73A9E5;
-  --gt-color-500: #4288D6;
-  --gt-color-600: #356DAC;
-  --gt-color-700: #285483;
-  --gt-color-800: #1E3E62;
-  --gt-color-900: #152B44;
-}
+:root{
+--gt-color-100: #EFF5FC;
+--gt-color-200: #CEE1F6;
+--gt-color-300: #A0C5EE;
+--gt-color-400: #73A9E5;
+--gt-color-500: #4288D6;
+--gt-color-600: #356DAC;
+--gt-color-700: #285483;
+--gt-color-800: #1E3E62;
+--gt-color-900: #152B44;
+}

package/themes/gt/cyan.css

@@ -1,11 +1,11 @@
 :root {
-  --gt-color-100: #E0F7FE;
-  --gt-color-200: #A7E9FB;
-  --gt-color-300: #47D1F6;
-  --gt-color-400: #00B3E2;
-  --gt-color-500: #0091B8;
-  --gt-color-600: #007493;
-  --gt-color-700: #005971;
-  --gt-color-800: #004355;
-  --gt-color-900: #002E3B;
-}
+--gt-color-100: #E0F7FE;
+--gt-color-200: #A7E9FB;
+--gt-color-300: #47D1F6;
+--gt-color-400: #00B3E2;
+--gt-color-500: #0091B8;
+--gt-color-600: #007493;
+--gt-color-700: #005971;
+--gt-color-800: #004355;
+--gt-color-900: #002E3B;
+}

package/themes/gt/magenta.css

@@ -1,11 +1,11 @@
-:root {
-  --gt-color-100: #FBF2F9;
-  --gt-color-200: #F2D8ED;
-  --gt-color-300: #E5B2DC;
-  --gt-color-400: #D98BCB;
-  --gt-color-500: #C95EB7;
-  --gt-color-600: #B82EA0;
-  --gt-color-700: #8E247B;
-  --gt-color-800: #6A1B5D;
-  --gt-color-900: #4A1341;
-}
+:root{
+--gt-color-100: #FBF2F9;
+--gt-color-200: #F2D8ED;
+--gt-color-300: #E5B2DC;
+--gt-color-400: #D98BCB;
+--gt-color-500: #C95EB7;
+--gt-color-600: #B82EA0;
+--gt-color-700: #8E247B;
+--gt-color-800: #6A1B5D;
+--gt-color-900: #4A1341;
+}

package/themes/gt/pink.css

@@ -1,11 +1,11 @@
-:root {
-  --gt-color-100: #FDF0F6;
-  --gt-color-200: #F9D6E4;
-  --gt-color-300: #F3AECB;
-  --gt-color-400: #ED84AF;
-  --gt-color-500: #E54D8C;
-  --gt-color-600: #C7286A;
-  --gt-color-700: #991F52;
-  --gt-color-800: #74173D;
-  --gt-color-900: #51102B;
-}
+:root{
+--gt-color-100: #FDF0F6;
+--gt-color-200: #F9D6E4;
+--gt-color-300: #F3AECB;
+--gt-color-400: #ED84AF;
+--gt-color-500: #E54D8C;
+--gt-color-600: #C7286A;
+--gt-color-700: #991F52;
+--gt-color-800: #74173D;
+--gt-color-900: #51102B;
+}