@gobolt/genesis 0.2.20 → 0.3.0

package/dist/components/Select/MultiSelectCount.cjs

@@ -1,48 +0,0 @@
-"use strict";
-var jsxRuntime = require("react/jsx-runtime");
-var Select = require("./Select.cjs");
-var DropdownChevron = require("../shared/DropdownChevron.cjs");
-const MultiSelectCount = ({
-  options,
-  onChange,
-  width = 320,
-  selectedValues = [],
-  placeholder = "0 selected",
-  variant = "multiSelectCount"
-}) => {
-  const renderMultiSelectValue = () => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        style: {
-          fontSize: "16px",
-          lineHeight: "24px",
-          paddingTop: "2px"
-        },
-        children: [
-          (selectedValues || []).length,
-          " selected"
-        ]
-      }
-    );
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width }, children: /* @__PURE__ */ jsxRuntime.jsx(
-    Select,
-    {
-      options,
-      mode: "multiple",
-      value: selectedValues,
-      defaultValue: selectedValues,
-      onChange,
-      maxTagCount: 0,
-      suffixIcon: /* @__PURE__ */ jsxRuntime.jsx(DropdownChevron, {}),
-      labelInValue: false,
-      showSearch: false,
-      maxTagPlaceholder: renderMultiSelectValue,
-      placeholder,
-      variant,
-      style: { width }
-    }
-  ) });
-};
-module.exports = MultiSelectCount;

package/dist/components/Select/MultiSelectCount.d.ts

@@ -1,13 +0,0 @@
-export interface MultiSelectCountProps {
-    options: {
-        value: string;
-        label: string;
-    }[];
-    onChange: (values: string[]) => void;
-    width?: number | string;
-    selectedValues?: string[];
-    placeholder?: string;
-    variant?: "multiSelectCount" | "none";
-}
-declare const MultiSelectCount: ({ options, onChange, width, selectedValues, placeholder, variant, }: MultiSelectCountProps) => import("react/jsx-runtime").JSX.Element;
-export default MultiSelectCount;

package/dist/components/Select/MultiSelectCount.js

@@ -1,49 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import Select from "./Select.js";
-import DropdownChevron from "../shared/DropdownChevron.js";
-const MultiSelectCount = ({
-  options,
-  onChange,
-  width = 320,
-  selectedValues = [],
-  placeholder = "0 selected",
-  variant = "multiSelectCount"
-}) => {
-  const renderMultiSelectValue = () => {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        style: {
-          fontSize: "16px",
-          lineHeight: "24px",
-          paddingTop: "2px"
-        },
-        children: [
-          (selectedValues || []).length,
-          " selected"
-        ]
-      }
-    );
-  };
-  return /* @__PURE__ */ jsx("div", { style: { width }, children: /* @__PURE__ */ jsx(
-    Select,
-    {
-      options,
-      mode: "multiple",
-      value: selectedValues,
-      defaultValue: selectedValues,
-      onChange,
-      maxTagCount: 0,
-      suffixIcon: /* @__PURE__ */ jsx(DropdownChevron, {}),
-      labelInValue: false,
-      showSearch: false,
-      maxTagPlaceholder: renderMultiSelectValue,
-      placeholder,
-      variant,
-      style: { width }
-    }
-  ) });
-};
-export {
-  MultiSelectCount as default
-};

package/dist/components/Select/__stories__/MultiSelectCount.stories.d.ts

@@ -1,8 +0,0 @@
-import { default as MultiSelectCount } from '../MultiSelectCount';
-import { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta<typeof MultiSelectCount>;
-export default meta;
-type Story = StoryObj<typeof MultiSelectCount>;
-export declare const Default: Story;
-export declare const ThreeSelected: Story;
-export declare const AntDesignSelect: Story;

package/dist/components/Select/styles.cjs

@@ -1,238 +0,0 @@
-"use strict";
-var styled = require("styled-components");
-var index = require("../../node_modules/antd/es/select/index.cjs");
-const SelectWrapper = styled.div`
-  position: relative;
-  //border: 2px solid transparent;
-  background-color: transparent;
-  border-radius: 8px;
-  //padding: 1px;
-  width: auto;
-  margin-top: ${({ $isMultiSelectCountAtZero }) => $isMultiSelectCountAtZero ? "-12px" : "0px"};
-
-  ${({ $isFocused, theme: theme2, type = "primary" }) => $isFocused && `
-    border: 2px solid ${theme2.colors[type].focussed.ringColor};
-    background-color: transparent;
-    border-radius: 8px;
-    //padding: 1px;
-  `}
-
-  .ant-select-dropdown {
-    animation-duration: ${({ theme: theme2 }) => `${theme2.motion.veryfast}s`} !important;
-  }
-`;
-const getMotion = (theme2) => {
-  return `all ${theme2.motion.veryfast}s ease-in-out`;
-};
-const getSimpleVariant = (colors, type, state, borderRadius) => {
-  return `
-    &.ant-select {
-      background-color: ${colors.surface.secondary};
-      border-color: ${colors.surface.secondary};
-      min-width: 160px;
-
-      .ant-select-selector {
-        background-color: ${colors.surface.secondary};
-        border-color: ${colors.surface.secondary};
-        border-radius: ${borderRadius.BorderRadiusSm}px;
-        margin: 0px;  
-      }
-    }
-  `;
-};
-const getGenesisClass = ({ colors, sizing: sizing2, typography, borderRadius }, type, state, $variant, size) => {
-  var _a, _b, _c, _d;
-  if ($variant === "simple") {
-    return getSimpleVariant(colors, type, state, borderRadius);
-  }
-  return `
-    &.ant-select {
-
-      font-size: 16px;
-      line-height: ${sizing2.Size6}px;
-      letter-spacing: 0;
-      font-weight: 400;
-      border-width: 1px;
-
-      width: 100%; 
-      min-width: 250px;
-      height: ${size === "normal" || size === "large" ? "40px" : "32px"};
-
-      background-color:  ${colors[type][state].backgroundColor}
-      background-color: #fff;
-      
-      border-radius: ${borderRadius.BorderRadiusMd}px;
-      gap: ${sizing2.Size2}px;
-
-      .ant-select-selector {
-        border-color: ${colors.inputs.surface.border};
-        padding: 4px 12px !important;
-        height: 40px !important;
-        min-height: 40px !important;
-        background-color: transparent !important;
-        display: flex;
-        align-items: center;
-
-        .ant-select-selection-search {
-          margin-inline-start: 0;
-          padding-left: 0;
-          height: 100%;
-          display: flex;
-          align-items: center;
-          
-          input {
-            font-size: 16px;
-          }
-        }
-
-        .ant-select-selection-overflow {
-          flex-wrap: nowrap;
-          gap: 4px;
-          padding: 0;
-          height: 100%;
-          align-items: center;
-          margin-left: 0;
-          display: flex;
-        }
-
-        .ant-select-selection-item {
-          margin: 0;
-          background: transparent;
-          border: none;
-          height: 100%;
-          line-height: normal;
-          padding: 0;
-          font-size: 16px;
-          display: flex;
-          align-items: center;
-
-          &.ant-select-selection-placeholder {
-            padding-top: 6px;
-            inset-inline-end: 0px;
-            inset-inline-start: 0px;
-          }
-        }
-
-        .ant-select-selection-overflow-item {
-          height: 100%;
-          display: flex;
-          align-items: center;
-        }
-
-        .ant-select-selection-overflow-item-suffix {
-          position: absolute;
-          right: 12px;
-          height: 100%;
-          display: flex;
-          align-items: center;
-          font-size: 16px;
-
-          .ant-select-selection-item {
-            padding-top: 6px;
-          }
-        }
-      }
-
-      .ant-select-selection-item {
-        padding-left: 4px;
-      }
-
-      .ant-segmented-item-label span + span {
-        margin-inline-start: 4px !important;
-      }
-
-      &:active {
-        background-color: ${((_b = (_a = colors == null ? void 0 : colors[type]) == null ? void 0 : _a.pressed) == null ? void 0 : _b.backgroundColor) ?? "#fff"};
-        border-color: ${((_d = (_c = colors == null ? void 0 : colors[type]) == null ? void 0 : _c.pressed) == null ? void 0 : _d.borderColor) ?? "#fff"};
-      }
-
-      // Remove focus styles
-      &:focus, &:focus-visible {
-        background-color: transparent;
-        border-color: transparent;
-        outline: none;
-        box-shadow: none;
-      }
-
-      .ant-select-arrow {
-        color: #000000;
-        -webkit-font-smoothing: antialiased;
-        -moz-osx-font-smoothing: grayscale;
-        text-rendering: optimizeLegibility;
-      }
-
-      &:disabled,
-      &.ant-select-disabled {
-        color: ${colors.inputs.onsurface.disabled};
-        background-color: ${colors.inputs.surface.disabled};
-        border-color: ${colors.inputs.surface.border};
-        
-        .ant-select-selector {
-          background-color: ${colors.inputs.surface.disabled};
-        }
-        
-        .ant-select-arrow {
-          color: ${colors.inputs.onsurface["icon-disabled"]};
-        }
-      }
-    }
-  `;
-};
-const StyledMenuItem = styled.div`
-  .ant-select-item-option {
-    transition: ${({ theme: theme2, type }) => getMotion(theme2)};
-    border-radius: 0px;
-
-    &:hover {
-      background-color: ${({ theme: theme2, type }) => theme2.colors.surface.secondary};
-      color: ${({ theme: theme2, type }) => theme2.colors.onsurface["copy-dark"]};
-    }
-
-    &.ant-select-item-option-selected {
-      background-color: ${({ theme: theme2, type }) => theme2.colors[type].hover.backgroundColor};
-      color: ${({ theme: theme2, type }) => theme2.colors[type].active.color};
-      font-weight: 400;
-      border-radius: 0px;
-
-      &:hover {
-        background-color: ${({ theme: theme2, type }) => theme2.colors[type].hover.backgroundColor};
-        color: ${({ theme: theme2, type }) => theme2.colors[type].hover.color};
-        border-radius: 0px;
-      }
-    }
-  }
-`;
-const SelectDropdown = styled.div`
-  .ant-select-dropdown {
-    animation-duration: ${({ theme: theme2 }) => `${theme2.motion.veryfast}s`} !important;
-    transition: all ${({ theme: theme2 }) => `${theme2.motion.veryfast}s`}
-      cubic-bezier(0.645, 0.045, 0.355, 1) !important;
-
-    .ant-select-item {
-      border-radius: 0px;
-    }
-  }
-
-  &.ant-slide-up-enter,
-  &.ant-slide-up-appear {
-    animation-duration: ${({ theme: theme2 }) => `${theme2.motion.veryfast}s`} !important;
-  }
-
-  &.ant-slide-up-leave {
-    animation-duration: ${({ theme: theme2 }) => `${theme2.motion.veryfast}s`} !important;
-  }
-`;
-const Select = styled(index)`
-  ${({
-  theme: theme2,
-  type = "primary",
-  state = "active",
-  $variant = "none",
-  size = "normal"
-}) => getGenesisClass(theme2, type, state, $variant, size)}
-`;
-exports.Select = Select;
-exports.SelectDropdown = SelectDropdown;
-exports.SelectWrapper = SelectWrapper;
-exports.StyledMenuItem = StyledMenuItem;
-exports.getGenesisClass = getGenesisClass;

package/dist/components/Select/styles.d.ts

@@ -1,41 +0,0 @@
-import { Select as AntSelect, SelectProps } from 'antd';
-import { BaseSelectRef } from 'rc-select';
-import { StyledComponent } from '../../utils/styled';
-import { GenesisTheme, Breakpoint } from '../../styles/theme/genesis-theme.types';
-import { TYPE } from '../../constants';
-interface StyledSelectProps extends SelectProps {
-    theme?: GenesisTheme;
-}
-interface SelectWrapperProps {
-    theme?: GenesisTheme;
-    $isFocused: boolean;
-    type: keyof typeof TYPE;
-    variant?: "simple" | "none";
-    size?: "normal" | "small" | "large";
-    $isMultiSelectCountAtZero?: boolean;
-}
-export declare const SelectWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectWrapperProps>> & string;
-export declare const getGenesisClass: ({ colors, sizing, typography, borderRadius }: {
-    colors: any;
-    sizing: any;
-    typography: any;
-    borderRadius: any;
-}, type: any, state: any, $variant: any, size: any) => string;
-interface SelectMenuItemProps {
-    theme: GenesisTheme;
-    type?: keyof typeof TYPE;
-    state?: keyof Breakpoint;
-}
-export declare const StyledMenuItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectMenuItemProps>> & string;
-interface SelectDropdownProps {
-    theme: GenesisTheme;
-    type?: keyof typeof TYPE;
-    state?: keyof Breakpoint;
-    size?: "normal" | "small" | "large";
-}
-export declare const SelectDropdown: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectDropdownProps>> & string;
-type StyledSelectComponent = StyledComponent<typeof AntSelect, any, StyledSelectProps & {
-    ref?: React.Ref<BaseSelectRef>;
-}, never>;
-export declare const Select: StyledSelectComponent;
-export type { StyledSelectProps };

package/dist/components/Select/styles.js

@@ -1,239 +0,0 @@
-import styled from "styled-components";
-import Select$1 from "../../node_modules/antd/es/select/index.js";
-const SelectWrapper = styled.div`
-  position: relative;
-  //border: 2px solid transparent;
-  background-color: transparent;
-  border-radius: 8px;
-  //padding: 1px;
-  width: auto;
-  margin-top: ${({ $isMultiSelectCountAtZero }) => $isMultiSelectCountAtZero ? "-12px" : "0px"};
-
-  ${({ $isFocused, theme: theme2, type = "primary" }) => $isFocused && `
-    border: 2px solid ${theme2.colors[type].focussed.ringColor};
-    background-color: transparent;
-    border-radius: 8px;
-    //padding: 1px;
-  `}
-
-  .ant-select-dropdown {
-    animation-duration: ${({ theme: theme2 }) => `${theme2.motion.veryfast}s`} !important;
-  }
-`;
-const getMotion = (theme2) => {
-  return `all ${theme2.motion.veryfast}s ease-in-out`;
-};
-const getSimpleVariant = (colors, type, state, borderRadius) => {
-  return `
-    &.ant-select {
-      background-color: ${colors.surface.secondary};
-      border-color: ${colors.surface.secondary};
-      min-width: 160px;
-
-      .ant-select-selector {
-        background-color: ${colors.surface.secondary};
-        border-color: ${colors.surface.secondary};
-        border-radius: ${borderRadius.BorderRadiusSm}px;
-        margin: 0px;  
-      }
-    }
-  `;
-};
-const getGenesisClass = ({ colors, sizing: sizing2, typography, borderRadius }, type, state, $variant, size) => {
-  var _a, _b, _c, _d;
-  if ($variant === "simple") {
-    return getSimpleVariant(colors, type, state, borderRadius);
-  }
-  return `
-    &.ant-select {
-
-      font-size: 16px;
-      line-height: ${sizing2.Size6}px;
-      letter-spacing: 0;
-      font-weight: 400;
-      border-width: 1px;
-
-      width: 100%; 
-      min-width: 250px;
-      height: ${size === "normal" || size === "large" ? "40px" : "32px"};
-
-      background-color:  ${colors[type][state].backgroundColor}
-      background-color: #fff;
-      
-      border-radius: ${borderRadius.BorderRadiusMd}px;
-      gap: ${sizing2.Size2}px;
-
-      .ant-select-selector {
-        border-color: ${colors.inputs.surface.border};
-        padding: 4px 12px !important;
-        height: 40px !important;
-        min-height: 40px !important;
-        background-color: transparent !important;
-        display: flex;
-        align-items: center;
-
-        .ant-select-selection-search {
-          margin-inline-start: 0;
-          padding-left: 0;
-          height: 100%;
-          display: flex;
-          align-items: center;
-          
-          input {
-            font-size: 16px;
-          }
-        }
-
-        .ant-select-selection-overflow {
-          flex-wrap: nowrap;
-          gap: 4px;
-          padding: 0;
-          height: 100%;
-          align-items: center;
-          margin-left: 0;
-          display: flex;
-        }
-
-        .ant-select-selection-item {
-          margin: 0;
-          background: transparent;
-          border: none;
-          height: 100%;
-          line-height: normal;
-          padding: 0;
-          font-size: 16px;
-          display: flex;
-          align-items: center;
-
-          &.ant-select-selection-placeholder {
-            padding-top: 6px;
-            inset-inline-end: 0px;
-            inset-inline-start: 0px;
-          }
-        }
-
-        .ant-select-selection-overflow-item {
-          height: 100%;
-          display: flex;
-          align-items: center;
-        }
-
-        .ant-select-selection-overflow-item-suffix {
-          position: absolute;
-          right: 12px;
-          height: 100%;
-          display: flex;
-          align-items: center;
-          font-size: 16px;
-
-          .ant-select-selection-item {
-            padding-top: 6px;
-          }
-        }
-      }
-
-      .ant-select-selection-item {
-        padding-left: 4px;
-      }
-
-      .ant-segmented-item-label span + span {
-        margin-inline-start: 4px !important;
-      }
-
-      &:active {
-        background-color: ${((_b = (_a = colors == null ? void 0 : colors[type]) == null ? void 0 : _a.pressed) == null ? void 0 : _b.backgroundColor) ?? "#fff"};
-        border-color: ${((_d = (_c = colors == null ? void 0 : colors[type]) == null ? void 0 : _c.pressed) == null ? void 0 : _d.borderColor) ?? "#fff"};
-      }
-
-      // Remove focus styles
-      &:focus, &:focus-visible {
-        background-color: transparent;
-        border-color: transparent;
-        outline: none;
-        box-shadow: none;
-      }
-
-      .ant-select-arrow {
-        color: #000000;
-        -webkit-font-smoothing: antialiased;
-        -moz-osx-font-smoothing: grayscale;
-        text-rendering: optimizeLegibility;
-      }
-
-      &:disabled,
-      &.ant-select-disabled {
-        color: ${colors.inputs.onsurface.disabled};
-        background-color: ${colors.inputs.surface.disabled};
-        border-color: ${colors.inputs.surface.border};
-        
-        .ant-select-selector {
-          background-color: ${colors.inputs.surface.disabled};
-        }
-        
-        .ant-select-arrow {
-          color: ${colors.inputs.onsurface["icon-disabled"]};
-        }
-      }
-    }
-  `;
-};
-const StyledMenuItem = styled.div`
-  .ant-select-item-option {
-    transition: ${({ theme: theme2, type }) => getMotion(theme2)};
-    border-radius: 0px;
-
-    &:hover {
-      background-color: ${({ theme: theme2, type }) => theme2.colors.surface.secondary};
-      color: ${({ theme: theme2, type }) => theme2.colors.onsurface["copy-dark"]};
-    }
-
-    &.ant-select-item-option-selected {
-      background-color: ${({ theme: theme2, type }) => theme2.colors[type].hover.backgroundColor};
-      color: ${({ theme: theme2, type }) => theme2.colors[type].active.color};
-      font-weight: 400;
-      border-radius: 0px;
-
-      &:hover {
-        background-color: ${({ theme: theme2, type }) => theme2.colors[type].hover.backgroundColor};
-        color: ${({ theme: theme2, type }) => theme2.colors[type].hover.color};
-        border-radius: 0px;
-      }
-    }
-  }
-`;
-const SelectDropdown = styled.div`
-  .ant-select-dropdown {
-    animation-duration: ${({ theme: theme2 }) => `${theme2.motion.veryfast}s`} !important;
-    transition: all ${({ theme: theme2 }) => `${theme2.motion.veryfast}s`}
-      cubic-bezier(0.645, 0.045, 0.355, 1) !important;
-
-    .ant-select-item {
-      border-radius: 0px;
-    }
-  }
-
-  &.ant-slide-up-enter,
-  &.ant-slide-up-appear {
-    animation-duration: ${({ theme: theme2 }) => `${theme2.motion.veryfast}s`} !important;
-  }
-
-  &.ant-slide-up-leave {
-    animation-duration: ${({ theme: theme2 }) => `${theme2.motion.veryfast}s`} !important;
-  }
-`;
-const Select = styled(Select$1)`
-  ${({
-  theme: theme2,
-  type = "primary",
-  state = "active",
-  $variant = "none",
-  size = "normal"
-}) => getGenesisClass(theme2, type, state, $variant, size)}
-`;
-export {
-  Select,
-  SelectDropdown,
-  SelectWrapper,
-  StyledMenuItem,
-  getGenesisClass
-};

package/dist/node_modules/@ant-design/icons/es/icons/ClockCircleFilled.cjs

@@ -1,35 +0,0 @@
-"use strict";
-var _extends = require("../../../../@babel/runtime/helpers/esm/extends.cjs");
-var React = require("react");
-var ClockCircleFilled$1 = require("../../../icons-svg/es/asn/ClockCircleFilled.cjs");
-var AntdIcon = require("../components/AntdIcon.cjs");
-function _interopNamespaceDefault(e) {
-  var n = /* @__PURE__ */ Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function(k) {
-      if (k !== "default") {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function() {
-            return e[k];
-          }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-var React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-var ClockCircleFilled = function ClockCircleFilled2(props, ref) {
-  return /* @__PURE__ */ React__namespace.createElement(AntdIcon, _extends({}, props, {
-    ref,
-    icon: ClockCircleFilled$1
-  }));
-};
-var RefIcon = /* @__PURE__ */ React__namespace.forwardRef(ClockCircleFilled);
-if (process.env.NODE_ENV !== "production") {
-  RefIcon.displayName = "ClockCircleFilled";
-}
-module.exports = RefIcon;

package/dist/node_modules/@ant-design/icons/es/icons/ClockCircleFilled.js

@@ -1,17 +0,0 @@
-import _extends from "../../../../@babel/runtime/helpers/esm/extends.js";
-import * as React from "react";
-import ClockCircleFilled$1 from "../../../icons-svg/es/asn/ClockCircleFilled.js";
-import Icon from "../components/AntdIcon.js";
-var ClockCircleFilled = function ClockCircleFilled2(props, ref) {
-  return /* @__PURE__ */ React.createElement(Icon, _extends({}, props, {
-    ref,
-    icon: ClockCircleFilled$1
-  }));
-};
-var RefIcon = /* @__PURE__ */ React.forwardRef(ClockCircleFilled);
-if (process.env.NODE_ENV !== "production") {
-  RefIcon.displayName = "ClockCircleFilled";
-}
-export {
-  RefIcon as default
-};