@symbo.ls/uikit 2.11.166 → 2.11.169

package/dist/index.cjs.js

@@ -13079,12 +13079,12 @@ var PlusMinusButtons = {
     gap: "A"
   },
   Minus: {
-    extend: IconButton,
+    extend: IconCommonButton,
     props: { icon: { name: "minus" } }
   },
   Value: { props: { text: "1" } },
   Plus: {
-    extend: IconButton,
+    extend: IconCommonButton,
     props: { icon: { name: "plus" } }
   }
 };
@@ -15032,132 +15032,6 @@ var TimePickerItem = {
   Button_minus: { icon: "minus" }
 };
 
-// TimePicker/node_modules/@symbo.ls/icon/index.js
-var Icon2 = {
-  extend: Svg,
-  props: ({ key, props: props4, parent, context }) => {
-    const { ICONS, useIconSprite, verbose } = context && context.designSystem;
-    const { toCamelCase } = context && context.utils;
-    const iconName = props4.inheritedString || props4.name || props4.icon || key;
-    const camelCase = toCamelCase(iconName);
-    const isArray3 = camelCase.split(/([a-z])([A-Z])/g);
-    let activeIconName;
-    if (props4.active) {
-      activeIconName = props4[".active"].name || props4[".active"].icon;
-    }
-    if (parent && parent.props && parent.props.active && parent.props[".active"] && parent.props[".active"].icon) {
-      activeIconName = parent.props[".active"].icon.name || parent.props[".active"].icon.icon || parent.props[".active"].icon;
-    }
-    let validIconName;
-    if (ICONS[activeIconName])
-      validIconName = activeIconName;
-    if (ICONS[camelCase])
-      validIconName = camelCase;
-    else if (ICONS[isArray3[0] + isArray3[1]])
-      validIconName = isArray3[0] + isArray3[1];
-    else if (ICONS[isArray3[0]])
-      validIconName = isArray3[0];
-    else {
-      if (verbose)
-        console.warn("Can't find icon:", iconName, validIconName);
-    }
-    const iconFromLibrary = ICONS[validIconName];
-    const directSrc = parent && parent.props && parent.props.src || props4.src;
-    return {
-      width: "A",
-      height: "A",
-      display: "inline-block",
-      spriteId: useIconSprite && validIconName,
-      src: iconFromLibrary || directSrc || ICONS.noIcon,
-      style: { fill: "currentColor" }
-    };
-  },
-  attr: { viewBox: "0 0 24 24" }
-};
-var IconText2 = {
-  extend: Flex,
-  props: {
-    align: "center center",
-    lineHeight: 1
-  },
-  // TODO: remove this variant
-  icon: {
-    extend: Icon2,
-    if: ({ parent }) => parent.props.icon
-  },
-  Icon: {
-    props: {},
-    if: ({ props: props4 }) => props4.name || props4.icon
-  },
-  text: ({ props: props4 }) => props4.text,
-  ".reversed": {
-    props: { flow: "row-reverse" }
-  },
-  ".vertical": {
-    props: { flow: "column" }
-  }
-};
-
-// TimePicker/node_modules/@symbo.ls/button/index.js
-var Button2 = {
-  extend: [FocusableComponent, IconText2],
-  tag: "button",
-  props: {
-    fontSize: "A",
-    type: "button",
-    border: "none",
-    display: "inline-flex",
-    align: "center center",
-    textDecoration: "none",
-    lineHeight: "1",
-    whiteSpace: "nowrap",
-    padding: "Z A1",
-    fontFamily: "inherit",
-    round: "C2"
-  },
-  attr: {
-    type: ({ props: props4 }) => props4.type
-  }
-};
-var CommonButton2 = {
-  extend: Button2,
-  props: {
-    color: "white",
-    background: "blue",
-    boxSize: "fit-content",
-    padding: "A A2",
-    round: "Z2",
-    gap: "Y2",
-    position: "relative"
-  },
-  icon: {
-    props: { fontSize: "C" }
-  },
-  Caption: { props: { text: "Button", line_height: "1em" } }
-};
-var CancelConfirmButtons2 = {
-  extend: Flex,
-  childExtend: {
-    extend: CommonButton2,
-    props: {
-      minWidth: "D2",
-      ":first-child": {
-        background: "transparent",
-        border: "1px solid #20202B"
-      },
-      ":last-child": {}
-    }
-  },
-  ...[
-    { Caption: { text: "No" } },
-    { Caption: { text: "Yes" } }
-  ],
-  props: {
-    gap: "Z",
-    maxWidth: "fit-content"
-  }
-};
-
 // TimePicker/TimeSwitcher.js
 var props3 = {
   boxSize: "C B2",
@@ -15170,7 +15044,7 @@ var TimeSwitcher = {
   props: props3,
   extend: Flex,
   childExtend: {
-    extend: Button2,
+    extend: Button,
     props: ({ state, key }) => ({
       active: state.activeShift === key,
       padding: "0",