@indico-data/design-system 2.43.0 → 2.44.0

package/lib/assets/fonts/noto/notosans.css

@@ -0,0 +1,79 @@
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Noto Sans';
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: 100%;
+  src: url(https://fonts.gstatic.com/s/notosans/v36/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9X6VLYyWtZ3rKW9w.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+  font-family: 'Noto Sans';
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: 100%;
+  src: url(https://fonts.gstatic.com/s/notosans/v36/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9e6VLYyWtZ3rKW9w.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* devanagari */
+@font-face {
+  font-family: 'Noto Sans';
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: 100%;
+  src: url(https://fonts.gstatic.com/s/notosans/v36/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9b6VLYyWtZ3rKW9w.woff2) format('woff2');
+  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
+}
+
+/* greek-ext */
+@font-face {
+  font-family: 'Noto Sans';
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: 100%;
+  src: url(https://fonts.gstatic.com/s/notosans/v36/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9W6VLYyWtZ3rKW9w.woff2) format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+  font-family: 'Noto Sans';
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: 100%;
+  src: url(https://fonts.gstatic.com/s/notosans/v36/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9Z6VLYyWtZ3rKW9w.woff2) format('woff2');
+  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
+}
+
+/* vietnamese */
+@font-face {
+  font-family: 'Noto Sans';
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: 100%;
+  src: url(https://fonts.gstatic.com/s/notosans/v36/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9V6VLYyWtZ3rKW9w.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+  font-family: 'Noto Sans';
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: 100%;
+  src: url(https://fonts.gstatic.com/s/notosans/v36/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9U6VLYyWtZ3rKW9w.woff2) format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+  font-family: 'Noto Sans';
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: 100%;
+  src: url(https://fonts.gstatic.com/s/notosans/v36/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9a6VLYyWtZ3rI.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}

package/lib/components/button/Button.stories.d.ts

@@ -2,22 +2,20 @@ import { Meta, StoryObj } from '@storybook/react';
 import { Button } from '@/components';
 declare const meta: Meta;
 type Story = StoryObj<typeof Button>;
-export declare const Primary: Story;
-export declare const Small: Story;
-export declare const Medium: Story;
-export declare const Large: Story;
-export declare const Secondary: Story;
-export declare const PrimaryOutline: Story;
-export declare const SecondaryOutline: Story;
-export declare const Info: Story;
-export declare const InfoOutline: Story;
-export declare const Text: Story;
+export declare const Default: Story;
+export declare const Sizes: Story;
+export declare const Solid: Story;
+export declare const Action: Story;
+export declare const Outline: Story;
+export declare const Link: Story;
+export declare const Destructive: Story;
+export declare const Soft: Story;
 export declare const IconLeft: Story;
 export declare const IconRight: Story;
 export declare const IconOnly: Story;
-export declare const Error: Story;
-export declare const Success: Story;
-export declare const Warning: Story;
+export declare const Variants: Story;
+export declare const Pill: Story;
 export declare const Disabled: Story;
 export declare const Loading: Story;
+export declare const Icons: Story;
 export default meta;

package/lib/components/button/enums.d.ts

@@ -1,5 +1,3 @@
-export type ButtonVariants = 'solid' | 'outline' | 'text';
-export type ButtonColors = 'primary' | 'secondary' | 'warning' | 'error' | 'success' | 'info';
-export type ButtonIconPositions = 'left' | 'right';
-export type ButtonSizes = 'sm' | 'md' | 'lg';
+export type ButtonVariants = 'solid' | 'outline' | 'link' | 'action' | 'destructive' | 'soft';
+export type ButtonSizes = 'xs' | 'sm' | 'md' | 'lg';
 export type ButtonTypes = 'button' | 'submit' | 'reset';

package/lib/components/button/types.d.ts

@@ -1,7 +1,6 @@
-import { IconName, SemanticColor } from '@/types';
-export type ButtonVariants = 'solid' | 'outline' | 'text';
-export type ButtonIconPositions = 'left' | 'right';
-export type ButtonSizes = 'sm' | 'md' | 'lg';
+import { IconName } from '../../types';
+export type ButtonVariants = 'solid' | 'outline' | 'link' | 'action' | 'destructive' | 'soft';
+export type ButtonSizes = 'xs' | 'sm' | 'md' | 'lg';
 export type ButtonTypes = 'button' | 'submit' | 'reset';
 export interface ButtonProps {
     className?: string;
@@ -13,10 +12,10 @@ export interface ButtonProps {
     isLoading?: boolean;
     onClick?: (...args: any[]) => void;
     variant?: ButtonVariants;
-    iconPosition?: ButtonIconPositions;
-    color?: SemanticColor;
+    isPill?: boolean;
+    iconLeft?: IconName;
+    iconRight?: IconName;
     size?: ButtonSizes;
-    iconName?: IconName;
     type?: ButtonTypes;
     href?: string;
     isDisabled?: boolean;

package/lib/components/forms/date/iconTriggerDatePicker/IconTriggerDatePicker.d.ts

@@ -1,5 +1,5 @@
 import { DateRange, Mode } from 'react-day-picker';
-import { IconName, IconSizes } from '@/types';
+import { IconName, IconSizes } from '../../../icons/types';
 interface Props {
     mode?: Mode;
     ariaLabel: string;

package/lib/components/forms/date/inputDatePicker/SingleInputDatePicker.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from '@/types';
+import type { IconName } from '../../../icons/types';
 export interface SingleInputDatePickerProps {
     ariaLabel: string;
     disableBeforeDate?: Date;

package/lib/components/forms/input/Input.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconName } from '@/types';
+import { IconName } from '../../../components/icons/types';
 import { LabelProps } from '../subcomponents/Label';
 export interface BaseInputProps {
     id?: string;