@marcoschwartz/lite-ui 0.3.1 → 0.4.0

package/dist/index.d.mts

@@ -5,6 +5,9 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';
     size?: 'sm' | 'md' | 'lg' | 'xl';
     children: React.ReactNode;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    iconOnly?: boolean;
 }
 declare const Button: React.FC<ButtonProps>;
 
@@ -293,5 +296,13 @@ declare const UploadIcon: IconComponent;
 declare const CameraIcon: IconComponent;
 declare const LockIcon: IconComponent;
 declare const CalendarIcon: IconComponent;
+declare const GoogleIcon: IconComponent;
+declare const GitHubIcon: IconComponent;
+declare const TwitterIcon: IconComponent;
+declare const FacebookIcon: IconComponent;
+declare const AppleIcon: IconComponent;
+declare const LinkedInIcon: IconComponent;
+declare const YouTubeIcon: IconComponent;
+declare const SlackIcon: IconComponent;
 
-export { ActionMenu, type ActionMenuItem, type ActionMenuProps, Alert, type AlertProps, Badge, type BadgeProps, BellIcon, Button, type ButtonProps, type ButtonTheme, CalendarIcon, CameraIcon, Card, type CardProps, CheckIcon, Checkbox, type CheckboxProps, ChevronDownIcon, ChevronRightIcon, CloseIcon, type ColorMode, type Column, DatePicker, type DatePickerProps, DateTimePicker, type DateTimePickerProps, DownloadIcon, Drawer, type DrawerProps, EditIcon, HeartIcon, HomeIcon, type IconComponent, type IconProps, LockIcon, MailIcon, MenuIcon, Modal, type ModalProps, Navbar, type NavbarProps, Pagination, type PaginationProps, PlusIcon, SearchIcon, Select, type SelectOption, type SelectProps, type SelectTheme, SettingsIcon, Sidebar, type SidebarContextValue, type SidebarProps, SidebarProvider, type SidebarProviderProps, Spinner, type SpinnerProps, StarIcon, type Tab, Table, type TableProps, Tabs, type TabsProps, TextInput, type TextInputProps, type Theme, type ThemeName, ThemeProvider, TimePicker, type TimePickerProps, Toggle, type ToggleProps, TrashIcon, UploadIcon, UserIcon, getThemeScript, themeScript, themes, useSidebar, useTheme };
+export { ActionMenu, type ActionMenuItem, type ActionMenuProps, Alert, type AlertProps, AppleIcon, Badge, type BadgeProps, BellIcon, Button, type ButtonProps, type ButtonTheme, CalendarIcon, CameraIcon, Card, type CardProps, CheckIcon, Checkbox, type CheckboxProps, ChevronDownIcon, ChevronRightIcon, CloseIcon, type ColorMode, type Column, DatePicker, type DatePickerProps, DateTimePicker, type DateTimePickerProps, DownloadIcon, Drawer, type DrawerProps, EditIcon, FacebookIcon, GitHubIcon, GoogleIcon, HeartIcon, HomeIcon, type IconComponent, type IconProps, LinkedInIcon, LockIcon, MailIcon, MenuIcon, Modal, type ModalProps, Navbar, type NavbarProps, Pagination, type PaginationProps, PlusIcon, SearchIcon, Select, type SelectOption, type SelectProps, type SelectTheme, SettingsIcon, Sidebar, type SidebarContextValue, type SidebarProps, SidebarProvider, type SidebarProviderProps, SlackIcon, Spinner, type SpinnerProps, StarIcon, type Tab, Table, type TableProps, Tabs, type TabsProps, TextInput, type TextInputProps, type Theme, type ThemeName, ThemeProvider, TimePicker, type TimePickerProps, Toggle, type ToggleProps, TrashIcon, TwitterIcon, UploadIcon, UserIcon, YouTubeIcon, getThemeScript, themeScript, themes, useSidebar, useTheme };

package/dist/index.d.ts

@@ -5,6 +5,9 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';
     size?: 'sm' | 'md' | 'lg' | 'xl';
     children: React.ReactNode;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    iconOnly?: boolean;
 }
 declare const Button: React.FC<ButtonProps>;
 
@@ -293,5 +296,13 @@ declare const UploadIcon: IconComponent;
 declare const CameraIcon: IconComponent;
 declare const LockIcon: IconComponent;
 declare const CalendarIcon: IconComponent;
+declare const GoogleIcon: IconComponent;
+declare const GitHubIcon: IconComponent;
+declare const TwitterIcon: IconComponent;
+declare const FacebookIcon: IconComponent;
+declare const AppleIcon: IconComponent;
+declare const LinkedInIcon: IconComponent;
+declare const YouTubeIcon: IconComponent;
+declare const SlackIcon: IconComponent;
 
-export { ActionMenu, type ActionMenuItem, type ActionMenuProps, Alert, type AlertProps, Badge, type BadgeProps, BellIcon, Button, type ButtonProps, type ButtonTheme, CalendarIcon, CameraIcon, Card, type CardProps, CheckIcon, Checkbox, type CheckboxProps, ChevronDownIcon, ChevronRightIcon, CloseIcon, type ColorMode, type Column, DatePicker, type DatePickerProps, DateTimePicker, type DateTimePickerProps, DownloadIcon, Drawer, type DrawerProps, EditIcon, HeartIcon, HomeIcon, type IconComponent, type IconProps, LockIcon, MailIcon, MenuIcon, Modal, type ModalProps, Navbar, type NavbarProps, Pagination, type PaginationProps, PlusIcon, SearchIcon, Select, type SelectOption, type SelectProps, type SelectTheme, SettingsIcon, Sidebar, type SidebarContextValue, type SidebarProps, SidebarProvider, type SidebarProviderProps, Spinner, type SpinnerProps, StarIcon, type Tab, Table, type TableProps, Tabs, type TabsProps, TextInput, type TextInputProps, type Theme, type ThemeName, ThemeProvider, TimePicker, type TimePickerProps, Toggle, type ToggleProps, TrashIcon, UploadIcon, UserIcon, getThemeScript, themeScript, themes, useSidebar, useTheme };
+export { ActionMenu, type ActionMenuItem, type ActionMenuProps, Alert, type AlertProps, AppleIcon, Badge, type BadgeProps, BellIcon, Button, type ButtonProps, type ButtonTheme, CalendarIcon, CameraIcon, Card, type CardProps, CheckIcon, Checkbox, type CheckboxProps, ChevronDownIcon, ChevronRightIcon, CloseIcon, type ColorMode, type Column, DatePicker, type DatePickerProps, DateTimePicker, type DateTimePickerProps, DownloadIcon, Drawer, type DrawerProps, EditIcon, FacebookIcon, GitHubIcon, GoogleIcon, HeartIcon, HomeIcon, type IconComponent, type IconProps, LinkedInIcon, LockIcon, MailIcon, MenuIcon, Modal, type ModalProps, Navbar, type NavbarProps, Pagination, type PaginationProps, PlusIcon, SearchIcon, Select, type SelectOption, type SelectProps, type SelectTheme, SettingsIcon, Sidebar, type SidebarContextValue, type SidebarProps, SidebarProvider, type SidebarProviderProps, SlackIcon, Spinner, type SpinnerProps, StarIcon, type Tab, Table, type TableProps, Tabs, type TabsProps, TextInput, type TextInputProps, type Theme, type ThemeName, ThemeProvider, TimePicker, type TimePickerProps, Toggle, type ToggleProps, TrashIcon, TwitterIcon, UploadIcon, UserIcon, YouTubeIcon, getThemeScript, themeScript, themes, useSidebar, useTheme };

package/dist/index.js

@@ -23,6 +23,7 @@ var index_exports = {};
 __export(index_exports, {
   ActionMenu: () => ActionMenu,
   Alert: () => Alert,
+  AppleIcon: () => AppleIcon,
   Badge: () => Badge,
   BellIcon: () => BellIcon,
   Button: () => Button,
@@ -39,8 +40,12 @@ __export(index_exports, {
   DownloadIcon: () => DownloadIcon,
   Drawer: () => Drawer,
   EditIcon: () => EditIcon,
+  FacebookIcon: () => FacebookIcon,
+  GitHubIcon: () => GitHubIcon,
+  GoogleIcon: () => GoogleIcon,
   HeartIcon: () => HeartIcon,
   HomeIcon: () => HomeIcon,
+  LinkedInIcon: () => LinkedInIcon,
   LockIcon: () => LockIcon,
   MailIcon: () => MailIcon,
   MenuIcon: () => MenuIcon,
@@ -53,6 +58,7 @@ __export(index_exports, {
   SettingsIcon: () => SettingsIcon,
   Sidebar: () => Sidebar,
   SidebarProvider: () => SidebarProvider,
+  SlackIcon: () => SlackIcon,
   Spinner: () => Spinner,
   StarIcon: () => StarIcon,
   Table: () => Table,
@@ -62,8 +68,10 @@ __export(index_exports, {
   TimePicker: () => TimePicker,
   Toggle: () => Toggle,
   TrashIcon: () => TrashIcon,
+  TwitterIcon: () => TwitterIcon,
   UploadIcon: () => UploadIcon,
   UserIcon: () => UserIcon,
+  YouTubeIcon: () => YouTubeIcon,
   getThemeScript: () => getThemeScript,
   themeScript: () => themeScript,
   themes: () => themes,
@@ -80,7 +88,7 @@ var themes = {
   default: {
     name: "default",
     button: {
-      base: "font-semibold rounded-lg transition-all duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 active:scale-95",
+      base: "font-semibold rounded-lg transition-all duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 active:scale-95 gap-2",
       variants: {
         primary: "bg-blue-600 hover:bg-blue-700 active:bg-blue-800 text-white shadow-sm hover:shadow-md dark:bg-blue-500 dark:hover:bg-blue-600 dark:active:bg-blue-700",
         secondary: "bg-gray-600 hover:bg-gray-700 active:bg-gray-800 text-white shadow-sm hover:shadow-md dark:bg-gray-500 dark:hover:bg-gray-600 dark:active:bg-gray-700",
@@ -90,10 +98,10 @@ var themes = {
         info: "bg-cyan-600 hover:bg-cyan-700 active:bg-cyan-800 text-white shadow-sm hover:shadow-md dark:bg-cyan-500 dark:hover:bg-cyan-600 dark:active:bg-cyan-700"
       },
       sizes: {
-        sm: "px-3 py-1.5 text-sm",
-        md: "px-4 py-2 text-base",
-        lg: "px-6 py-3 text-lg",
-        xl: "px-8 py-4 text-xl"
+        sm: "px-3 py-1.5 text-sm min-h-[30px]",
+        md: "px-4 py-2 text-base min-h-[38px]",
+        lg: "px-6 py-3 text-lg min-h-[48px]",
+        xl: "px-8 py-4 text-xl min-h-[60px]"
       },
       disabled: "opacity-50 cursor-not-allowed hover:shadow-sm active:scale-100"
     },
@@ -111,7 +119,7 @@ var themes = {
   minimalistic: {
     name: "minimalistic",
     button: {
-      base: "font-normal rounded-none transition-colors duration-200 focus:outline-none border-2",
+      base: "font-normal rounded-none transition-colors duration-200 focus:outline-none border-2 gap-2",
       variants: {
         primary: "bg-transparent border-white text-white hover:bg-white hover:text-black",
         secondary: "bg-transparent border-gray-400 text-gray-400 hover:bg-gray-400 hover:text-black",
@@ -121,10 +129,10 @@ var themes = {
         info: "bg-transparent border-blue-400 text-blue-400 hover:bg-blue-400 hover:text-black"
       },
       sizes: {
-        sm: "px-4 py-2 text-sm uppercase tracking-wide",
-        md: "px-6 py-3 text-base uppercase tracking-wide",
-        lg: "px-8 py-4 text-lg uppercase tracking-wider",
-        xl: "px-10 py-5 text-xl uppercase tracking-wider"
+        sm: "px-4 py-2 text-sm uppercase tracking-wide min-h-[36px]",
+        md: "px-6 py-3 text-base uppercase tracking-wide min-h-[48px]",
+        lg: "px-8 py-4 text-lg uppercase tracking-wider min-h-[60px]",
+        xl: "px-10 py-5 text-xl uppercase tracking-wider min-h-[72px]"
       },
       disabled: "opacity-30 cursor-not-allowed hover:bg-transparent"
     },
@@ -231,6 +239,9 @@ var Button = ({
   className = "",
   children,
   disabled,
+  leftIcon,
+  rightIcon,
+  iconOnly = false,
   ...props
 }) => {
   const { theme } = useTheme();
@@ -238,14 +249,19 @@ var Button = ({
   const variantStyles3 = theme.button.variants[variant];
   const sizeStyles2 = theme.button.sizes[size];
   const disabledStyles = disabled ? theme.button.disabled : "";
-  const classes = `${baseStyles} ${variantStyles3} ${sizeStyles2} ${disabledStyles} ${className}`.trim();
+  const iconOnlyStyles = iconOnly ? "!p-0 aspect-square" : "";
+  const classes = `inline-flex items-center justify-center ${baseStyles} ${variantStyles3} ${sizeStyles2} ${disabledStyles} ${iconOnlyStyles} ${className}`.trim();
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     "button",
     {
       className: classes,
       disabled,
       ...props,
-      children
+      children: iconOnly ? children : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+        leftIcon && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "inline-flex shrink-0", children: leftIcon }),
+        children && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "inline-flex items-center", children }),
+        rightIcon && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "inline-flex shrink-0", children: rightIcon })
+      ] })
     }
   );
 };
@@ -1208,16 +1224,16 @@ var sizeClasses5 = {
   lg: "w-6 h-6",
   xl: "w-8 h-8"
 };
-var createIcon = (displayName, path) => {
+var createIcon = (displayName, path, filled = false) => {
   const Icon = ({ size = "md", className = "", color = "currentColor" }) => {
     const sizeClass = sizeClasses5[size];
     return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       "svg",
       {
         className: `${sizeClass} ${className}`,
-        fill: "none",
+        fill: filled ? color : "none",
         viewBox: "0 0 24 24",
-        stroke: color,
+        stroke: filled ? "none" : color,
         "aria-hidden": "true",
         children: path
       }
@@ -1316,10 +1332,51 @@ var CalendarIcon = createIcon(
   "CalendarIcon",
   /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" })
 );
+var GoogleIcon = createIcon(
+  "GoogleIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" }),
+  true
+);
+var GitHubIcon = createIcon(
+  "GitHubIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" }),
+  true
+);
+var TwitterIcon = createIcon(
+  "TwitterIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" }),
+  true
+);
+var FacebookIcon = createIcon(
+  "FacebookIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z" }),
+  true
+);
+var AppleIcon = createIcon(
+  "AppleIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M17.05 20.28c-.98.95-2.05.88-3.08.4-1.09-.5-2.08-.48-3.24 0-1.44.62-2.2.44-3.06-.4C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z" }),
+  true
+);
+var LinkedInIcon = createIcon(
+  "LinkedInIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" }),
+  true
+);
+var YouTubeIcon = createIcon(
+  "YouTubeIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" }),
+  true
+);
+var SlackIcon = createIcon(
+  "SlackIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zm1.271 0a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zm0 1.271a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zm10.122 2.521a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zm-1.268 0a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zm-2.523 10.122a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zm0-1.268a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z" }),
+  true
+);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ActionMenu,
   Alert,
+  AppleIcon,
   Badge,
   BellIcon,
   Button,
@@ -1336,8 +1393,12 @@ var CalendarIcon = createIcon(
   DownloadIcon,
   Drawer,
   EditIcon,
+  FacebookIcon,
+  GitHubIcon,
+  GoogleIcon,
   HeartIcon,
   HomeIcon,
+  LinkedInIcon,
   LockIcon,
   MailIcon,
   MenuIcon,
@@ -1350,6 +1411,7 @@ var CalendarIcon = createIcon(
   SettingsIcon,
   Sidebar,
   SidebarProvider,
+  SlackIcon,
   Spinner,
   StarIcon,
   Table,
@@ -1359,8 +1421,10 @@ var CalendarIcon = createIcon(
   TimePicker,
   Toggle,
   TrashIcon,
+  TwitterIcon,
   UploadIcon,
   UserIcon,
+  YouTubeIcon,
   getThemeScript,
   themeScript,
   themes,