@g9tm/lynxcontrols 1.4.2 → 1.4.4

package/dist/toggle/toggle.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./src/toggle/toggle.css"],"names":[],"mappings":"AACA;EAAE,mBAAmB;EACnB,sBAAsB;EACtB,uBAAuB;EACvB,aAAa;AACf;;AAGA;EAAE,mBAAmB;EACnB,eAAe;AACjB;;AAGA;EAAE,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;AACf;;AAKA;EAFE,YAAY;AACd;;AAKA;EAFE,WAAW;EACX,YAAY;AACd;;AAOA;EAJE,OAAO;EACP,kBAAkB;EAClB,eAAe;AACjB;;AAOA;EAJE,mBAAmB;EACnB,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;AACf;;AAOA;EAJE,8BAA8B;EAC9B,mBAAmB;EACnB,gBAAgB;EAChB,kBAAkB;AACpB;;AAOA;EAJE,sBAAsB;EACtB,OAAO;EACP,YAAY;EACZ,aAAa;AACf;;AAOA;EAJE,6BAA6B;EAC7B,eAAe;EACf,iBAAiB;AACnB;;AAOA;EAJE,8BAA8B;EAC9B,eAAe;AACjB;;AAOA;EAJE,mBAAmB;EACnB,0CAA0C;EAC1C,kBAAkB;AACpB;;AAOA;EAJE,2CAA2C;AAC7C;;AAOA;EAJE;IACE,wBAAwB;EAC1B;;EAEA;IACE,2BAA2B;EAC7B;;EAEA;IACE,0BAA0B;EAC5B;;EAEA;IACE,2BAA2B;EAC7B;;EAEA;IACE,0BAA0B;EAC5B;;EAEA;IACE,wBAAwB;EAC1B;AACF;;AAEA;EACE,mBAAmB;EACnB,0FAA0F;EAC1F,kBAAkB;EAClB,QAAQ;AACV;;AAIA;EADE,kBAAkB;EAClB,QAAQ;AACV;;AAIA;EADE,gBAAgB;EAChB,eAAe;AACjB;;AAIA;EADE,2BAA2B;EAC3B,kBAAkB;EAClB,UAAU;EACV,WAAW;EACX,eAAe;AACjB;;AAIA;EADE,YAAY;AACd;;AAIA;EADE,sBAAsB;EACtB,aAAa;AACf;;AAIA;EADE,iBAAiB;EACjB,eAAe;AACjB;;AAIA;EADE,eAAe;EACf,uBAAuB;EACvB,aAAa;AACf;;AAKA;EAFE,mBAAmB;EACnB,aAAa;AACf;;AAKA;EAFE,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,eAAe;EACf,eAAe;EACf,4EAA4E;EAC5E,aAAa;AACf;;AAOA;EAJE,YAAY;AACd;;AAOA;EAJE,mBAAmB;EACnB,eAAe;EACf,iBAAiB;AACnB;;AAOA;EAJE,UAAU;EACV,QAAQ;EACR,wFAAwF;EACxF,gBAAgB;EAChB,oBAAoB;AACtB;;AAUA;EAPE,UAAU;EACV,WAAW;EACX,mBAAmB;AACrB","sourcesContent":["/* Toggles (MAUI G9CheckBox, G9Switch, G9SwitchGroup, G9ChipGroup). */\n.g9-checkbox {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  align-self: flex-start;\n}\n\n.g9-checkbox--labelled {\n  align-self: stretch;\n  column-gap: 2px;\n}\n\n.g9-checkbox__slot {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/* MAUI G9CheckBox: the 20 px box is centred in a 48 × 48 slot (both axes). The slot used to put it at the start edge\n   and 7 px low (row direction + padding), 28 px from its label on Android. */\n.g9-checkbox__slot--reserve {\n  height: 48px;\n}\n\n.g9-checkbox__box {\n  width: 20px;\n  height: 20px;\n}\n\n/* One line centres on the slot (MAUI: label centred in the 48 px row); a wrapping label grows the row and the box\n   stays level with its first line. */\n.g9-checkbox__text {\n  flex: 1;\n  align-self: center;\n  font-size: 14px;\n}\n\n.g9-switch {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n\n.g9-switch--row {\n  justify-content: space-between;\n  column-gap: 12px;\n  padding: 12px 16px;\n  align-self: stretch;\n}\n\n.g9-switch__text {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  row-gap: 2px;\n}\n\n.g9-switch__title {\n  font-size: 14px;\n  font-weight: bold;\n  color: var(--g9-text-primary);\n}\n\n.g9-switch__description {\n  font-size: 12px;\n  color: var(--g9-text-tertiary);\n}\n\n.g9-switch__track {\n  position: relative;\n  border-radius: 16px;\n  transition: background-color 240ms ease-out;\n}\n\n.g9-switch__track--shake {\n  animation: g9-switch-shake 310ms ease-in-out;\n}\n\n@keyframes g9-switch-shake {\n  0% {\n    transform: translateX(0px);\n  }\n  19% {\n    transform: translateX(-4px);\n  }\n  39% {\n    transform: translateX(4px);\n  }\n  58% {\n    transform: translateX(-3px);\n  }\n  77% {\n    transform: translateX(3px);\n  }\n  100% {\n    transform: translateX(0px);\n  }\n}\n\n.g9-switch__thumb {\n  position: absolute;\n  top: 4px;\n  border-radius: 12px;\n  transition:\n    transform 240ms cubic-bezier(0.34, 1.56, 0.64, 1),\n    background-color 240ms ease-out;\n}\n\n.g9-switch__mark {\n  position: absolute;\n  top: 9px;\n}\n\n.g9-switch__tick {\n  font-size: 12px;\n  color: rgba(255, 255, 255, 0.75);\n}\n\n.g9-switch__dot {\n  width: 6px;\n  height: 6px;\n  margin-top: 4px;\n  border-radius: 3px;\n  background-color: rgba(0, 0, 0, 0.22);\n}\n\n.g9-disabled {\n  opacity: 0.45;\n}\n\n.g9-switch-group {\n  display: flex;\n  flex-direction: column;\n}\n\n.g9-switch-group__status {\n  font-size: 11px;\n  margin: 6px 2px 0px 2px;\n}\n\n.g9-chip-group--wrap {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n\n.g9-chip-group__line {\n  display: flex;\n  flex-direction: row;\n}\n\n.g9-chip {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  column-gap: 6px;\n  padding: 0px 14px;\n  border-style: solid;\n  border-width: 1.5px;\n  transition:\n    background-color 140ms ease-in-out,\n    border-color 140ms ease-in-out;\n}\n\n.g9-chip--disabled {\n  opacity: 0.45;\n}\n\n.g9-chip__text {\n  font-size: 13px;\n  font-weight: bold;\n  white-space: nowrap;\n}\n\n.g9-chip__check {\n  width: 0px;\n  opacity: 0;\n  transform: scale(0.5);\n  overflow: hidden;\n  transition:\n    width 120ms ease-in-out,\n    opacity 120ms ease-in-out,\n    transform 120ms ease-in-out;\n}\n\n.g9-chip__check--on {\n  width: 16px;\n  opacity: 1;\n  transform: scale(1);\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./src/toggle/toggle.css"],"names":[],"mappings":"AACA;EAAE,mBAAmB;EACnB,sBAAsB;EACtB,uBAAuB;EACvB,aAAa;AACf;;AAGA;EAAE,mBAAmB;EACnB,eAAe;AACjB;;AAGA;EAAE,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;AACf;;AAKA;EAFE,YAAY;AACd;;AAKA;EAFE,WAAW;EACX,YAAY;AACd;;AAOA;EAJE,OAAO;EACP,kBAAkB;EAClB,eAAe;AACjB;;AAOA;EAJE,mBAAmB;EACnB,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;AACf;;AAOA;EAJE,8BAA8B;EAC9B,mBAAmB;EACnB,gBAAgB;EAChB,kBAAkB;AACpB;;AAOA;EAJE,sBAAsB;EACtB,OAAO;EACP,YAAY;EACZ,aAAa;AACf;;AAOA;EAJE,6BAA6B;EAC7B,eAAe;EACf,iBAAiB;AACnB;;AAOA;EAJE,8BAA8B;EAC9B,eAAe;AACjB;;AAOA;EAJE,mBAAmB;EACnB,0CAA0C;EAC1C,kBAAkB;AACpB;;AAOA;EAJE,2CAA2C;AAC7C;;AAOA;EAJE;IACE,wBAAwB;EAC1B;;EAEA;IACE,2BAA2B;EAC7B;;EAEA;IACE,0BAA0B;EAC5B;;EAEA;IACE,2BAA2B;EAC7B;;EAEA;IACE,0BAA0B;EAC5B;;EAEA;IACE,wBAAwB;EAC1B;AACF;;AAEA;EACE,mBAAmB;EACnB,0FAA0F;EAC1F,kBAAkB;EAClB,QAAQ;AACV;;AAIA;EADE,kBAAkB;EAClB,QAAQ;AACV;;AAKA;EAFE,gBAAgB;EAChB,gBAAgB;EAChB,eAAe;EACf,iBAAiB;EACjB,iBAAiB;AACnB;;AAKA;EAFE,2BAA2B;EAC3B,kBAAkB;EAClB,UAAU;EACV,WAAW;EACX,eAAe;AACjB;;AAKA;EAFE,YAAY;AACd;;AAKA;EAFE,sBAAsB;EACtB,aAAa;AACf;;AAKA;EAFE,iBAAiB;EACjB,eAAe;AACjB;;AAOA;EAJE,eAAe;EACf,2BAA2B;EAC3B,aAAa;AACf;;AAQA;EALE,mBAAmB;EACnB,aAAa;AACf;;AAQA;EALE,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,eAAe;EACf,eAAe;EACf,4EAA4E;EAC5E,aAAa;AACf;;AAUA;EAPE,YAAY;AACd;;AAUA;EAPE,mBAAmB;EACnB,eAAe;EACf,iBAAiB;AACnB;;AAUA;EAPE,UAAU;EACV,QAAQ;EACR,wFAAwF;EACxF,gBAAgB;EAChB,oBAAoB;AACtB;;AAaA;EAVE,UAAU;EACV,WAAW;EACX,mBAAmB;AACrB","sourcesContent":["/* Toggles (MAUI G9CheckBox, G9Switch, G9SwitchGroup, G9ChipGroup). */\n.g9-checkbox {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  align-self: flex-start;\n}\n\n.g9-checkbox--labelled {\n  align-self: stretch;\n  column-gap: 2px;\n}\n\n.g9-checkbox__slot {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/* MAUI G9CheckBox: the 20 px box is centred in a 48 × 48 slot (both axes). The slot used to put it at the start edge\n   and 7 px low (row direction + padding), 28 px from its label on Android. */\n.g9-checkbox__slot--reserve {\n  height: 48px;\n}\n\n.g9-checkbox__box {\n  width: 20px;\n  height: 20px;\n}\n\n/* One line centres on the slot (MAUI: label centred in the 48 px row); a wrapping label grows the row and the box\n   stays level with its first line. */\n.g9-checkbox__text {\n  flex: 1;\n  align-self: center;\n  font-size: 14px;\n}\n\n.g9-switch {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n\n.g9-switch--row {\n  justify-content: space-between;\n  column-gap: 12px;\n  padding: 12px 16px;\n  align-self: stretch;\n}\n\n.g9-switch__text {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  row-gap: 2px;\n}\n\n.g9-switch__title {\n  font-size: 14px;\n  font-weight: bold;\n  color: var(--g9-text-primary);\n}\n\n.g9-switch__description {\n  font-size: 12px;\n  color: var(--g9-text-tertiary);\n}\n\n.g9-switch__track {\n  position: relative;\n  border-radius: 16px;\n  transition: background-color 240ms ease-out;\n}\n\n.g9-switch__track--shake {\n  animation: g9-switch-shake 310ms ease-in-out;\n}\n\n@keyframes g9-switch-shake {\n  0% {\n    transform: translateX(0px);\n  }\n  19% {\n    transform: translateX(-4px);\n  }\n  39% {\n    transform: translateX(4px);\n  }\n  58% {\n    transform: translateX(-3px);\n  }\n  77% {\n    transform: translateX(3px);\n  }\n  100% {\n    transform: translateX(0px);\n  }\n}\n\n.g9-switch__thumb {\n  position: absolute;\n  top: 4px;\n  border-radius: 12px;\n  transition:\n    transform 240ms cubic-bezier(0.34, 1.56, 0.64, 1),\n    background-color 240ms ease-out;\n}\n\n.g9-switch__mark {\n  position: absolute;\n  top: 9px;\n}\n\n/* MAUI draws the tick with 2.5 dp round strokes, 11 × 9 dp: a bold 15 dp glyph is that weight and size. */\n.g9-switch__tick {\n  font-size: 15px;\n  font-weight: bold;\n  line-height: 15px;\n  margin-top: -2px;\n  color: rgba(255, 255, 255, 0.75);\n}\n\n.g9-switch__dot {\n  width: 6px;\n  height: 6px;\n  margin-top: 4px;\n  border-radius: 3px;\n  background-color: rgba(0, 0, 0, 0.22);\n}\n\n.g9-disabled {\n  opacity: 0.45;\n}\n\n.g9-switch-group {\n  display: flex;\n  flex-direction: column;\n}\n\n.g9-switch-group__status {\n  font-size: 11px;\n  margin: 6px 2px 0px 2px;\n}\n\n/* MAUI G9ChipGroup: a FlexLayout of Wrap and JustifyContent Start — the chips run from the reading start (the row is\n   reversed in RTL, so flex-start is the right edge there), never centred. */\n.g9-chip-group--wrap {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n}\n\n.g9-chip-group__line {\n  display: flex;\n  flex-direction: row;\n}\n\n.g9-chip {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  column-gap: 6px;\n  padding: 0px 14px;\n  border-style: solid;\n  border-width: 1.5px;\n  transition:\n    background-color 140ms ease-in-out,\n    border-color 140ms ease-in-out;\n}\n\n.g9-chip--disabled {\n  opacity: 0.45;\n}\n\n.g9-chip__text {\n  font-size: 13px;\n  font-weight: bold;\n  white-space: nowrap;\n}\n\n.g9-chip__check {\n  width: 0px;\n  opacity: 0;\n  transform: scale(0.5);\n  overflow: hidden;\n  transition:\n    width 120ms ease-in-out,\n    opacity 120ms ease-in-out,\n    transform 120ms ease-in-out;\n}\n\n.g9-chip__check--on {\n  width: 16px;\n  opacity: 1;\n  transform: scale(1);\n}\n"],"sourceRoot":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@g9tm/lynxcontrols",
-  "version": "1.4.2",
+  "version": "1.4.4",
   "description": "ReactLynx controls and overlay infrastructure: provider/host, sheets, popups, toasts, fields, buttons, pickers, tab view, tab bar, edge panel, swipe rows.",
   "license": "MIT",
   "type": "module",
@@ -137,7 +137,7 @@
     "build": "rslib build"
   },
   "dependencies": {
-    "@g9tm/lynxcontrols-foundation": "1.4.2",
+    "@g9tm/lynxcontrols-foundation": "1.4.4",
     "@lynx-js/lynx-ui-common": "3.139.0",
     "@lynx-js/lynx-ui-deferred-component": "3.139.0",
     "@lynx-js/lynx-ui-draggable": "3.139.0",