@ya-accelerators/nextjs-framework 0.0.100 → 0.0.102
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/constants.d.ts +4 -0
- package/dist/constants.js +4 -0
- package/dist/constants.js.map +1 -1
- package/dist/env.client.d.ts +2 -2
- package/dist/env.client.js +1 -1
- package/dist/env.client.js.map +1 -1
- package/dist/env.d.ts +2 -2
- package/dist/env.js +1 -5
- package/dist/env.js.map +1 -1
- package/dist/hooks/anchor/index.d.ts +13 -0
- package/dist/hooks/anchor/index.js +65 -0
- package/dist/hooks/anchor/index.js.map +1 -0
- package/dist/hooks/date/index.js.map +1 -1
- package/dist/hooks/loading/index.jsx +1 -1
- package/dist/hooks/loading/index.jsx.map +1 -1
- package/dist/hooks/localStorage/index.js +2 -9
- package/dist/hooks/localStorage/index.js.map +1 -1
- package/dist/hooks/modal/index.d.ts +1 -1
- package/dist/hooks/modal/index.jsx +1 -1
- package/dist/hooks/modal/index.jsx.map +1 -1
- package/dist/hooks/mounted/index.js +0 -4
- package/dist/hooks/mounted/index.js.map +1 -1
- package/dist/hooks/toast/index.d.ts +3 -1
- package/dist/hooks/toast/index.jsx +9 -9
- package/dist/hooks/toast/index.jsx.map +1 -1
- package/dist/hooks/uploads/index.d.ts +1 -1
- package/dist/hooks/uploads/index.js +0 -3
- package/dist/hooks/uploads/index.js.map +1 -1
- package/dist/i18n/get-message-fallback.d.ts +0 -1
- package/dist/i18n/get-message-fallback.js +0 -1
- package/dist/i18n/get-message-fallback.js.map +1 -1
- package/dist/i18n/index.js +1 -4
- package/dist/i18n/index.js.map +1 -1
- package/dist/i18n/strings/ja-JP.json +3 -3
- package/dist/lib/cookie/index.d.ts +1 -1
- package/dist/lib/cookie/index.js +0 -1
- package/dist/lib/cookie/index.js.map +1 -1
- package/dist/lib/next-auth/index.js +0 -11
- package/dist/lib/next-auth/index.js.map +1 -1
- package/dist/lib/trpc/index.d.ts +3 -2
- package/dist/lib/trpc/index.js +39 -11
- package/dist/lib/trpc/index.js.map +1 -1
- package/dist/lib/uploads/index.js +0 -17
- package/dist/lib/uploads/index.js.map +1 -1
- package/dist/logger/index.d.ts +2 -1
- package/dist/logger/index.js +0 -6
- package/dist/logger/index.js.map +1 -1
- package/dist/styles/globals.css +77 -0
- package/dist/styles/tailwind.config.d.ts +362 -359
- package/dist/styles/tailwind.config.js +22 -20
- package/dist/styles/tailwind.config.js.map +1 -1
- package/dist/styles/tailwind.config.ts +25 -21
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/ui/component/button/base.d.ts +4 -4
- package/dist/ui/component/button/base.jsx +2 -2
- package/dist/ui/component/button/base.jsx.map +1 -1
- package/dist/ui/component/button/colored/index.d.ts +2 -2
- package/dist/ui/component/button/image/index.d.ts +2 -2
- package/dist/ui/component/button/index.d.ts +4 -9
- package/dist/ui/component/button/index.jsx +0 -5
- package/dist/ui/component/button/index.jsx.map +1 -1
- package/dist/ui/component/card/index.jsx +1 -1
- package/dist/ui/component/card/index.jsx.map +1 -1
- package/dist/ui/component/icon/index.d.ts +2 -2
- package/dist/ui/component/index.d.ts +70 -78
- package/dist/ui/component/index.js +4 -4
- package/dist/ui/component/index.js.map +1 -1
- package/dist/ui/component/progressBar/index.d.ts +9 -0
- package/dist/ui/component/progressBar/index.jsx +15 -0
- package/dist/ui/component/progressBar/index.jsx.map +1 -0
- package/dist/ui/component/skeleton/index.d.ts +10 -0
- package/dist/ui/component/skeleton/index.jsx +35 -0
- package/dist/ui/component/skeleton/index.jsx.map +1 -0
- package/dist/ui/component/typography/H1/index.d.ts +2 -3
- package/dist/ui/component/typography/H1/index.jsx +2 -2
- package/dist/ui/component/typography/H1/index.jsx.map +1 -1
- package/dist/ui/component/typography/H2/index.d.ts +2 -3
- package/dist/ui/component/typography/H2/index.jsx +2 -2
- package/dist/ui/component/typography/H2/index.jsx.map +1 -1
- package/dist/ui/component/typography/H3/index.d.ts +2 -3
- package/dist/ui/component/typography/H3/index.jsx +2 -2
- package/dist/ui/component/typography/H3/index.jsx.map +1 -1
- package/dist/ui/component/typography/H4/index.d.ts +2 -3
- package/dist/ui/component/typography/H4/index.jsx +2 -2
- package/dist/ui/component/typography/H4/index.jsx.map +1 -1
- package/dist/ui/component/typography/H5/index.d.ts +2 -3
- package/dist/ui/component/typography/H5/index.jsx +2 -2
- package/dist/ui/component/typography/H5/index.jsx.map +1 -1
- package/dist/ui/component/typography/H6/index.d.ts +2 -3
- package/dist/ui/component/typography/H6/index.jsx +2 -2
- package/dist/ui/component/typography/H6/index.jsx.map +1 -1
- package/dist/ui/component/typography/Label/index.d.ts +2 -3
- package/dist/ui/component/typography/Label/index.jsx +2 -2
- package/dist/ui/component/typography/Label/index.jsx.map +1 -1
- package/dist/ui/component/typography/LinkText/index.d.ts +2 -3
- package/dist/ui/component/typography/LinkText/index.jsx +2 -2
- package/dist/ui/component/typography/LinkText/index.jsx.map +1 -1
- package/dist/ui/component/typography/P/index.d.ts +2 -3
- package/dist/ui/component/typography/P/index.jsx +2 -2
- package/dist/ui/component/typography/P/index.jsx.map +1 -1
- package/dist/ui/component/typography/Pre/index.d.ts +2 -3
- package/dist/ui/component/typography/Pre/index.jsx +2 -2
- package/dist/ui/component/typography/Pre/index.jsx.map +1 -1
- package/dist/ui/component/typography/Span/index.d.ts +2 -3
- package/dist/ui/component/typography/Span/index.jsx +2 -2
- package/dist/ui/component/typography/Span/index.jsx.map +1 -1
- package/dist/ui/component/typography/index.d.ts +24 -35
- package/dist/ui/composite/accordion/index.d.ts +12 -0
- package/dist/ui/composite/accordion/index.jsx +29 -0
- package/dist/ui/composite/accordion/index.jsx.map +1 -0
- package/dist/ui/composite/alert/index.d.ts +13 -0
- package/dist/ui/composite/alert/index.jsx +35 -0
- package/dist/ui/composite/alert/index.jsx.map +1 -0
- package/dist/ui/composite/avatar/index.d.ts +9 -0
- package/dist/ui/composite/avatar/index.jsx +25 -0
- package/dist/ui/composite/avatar/index.jsx.map +1 -0
- package/dist/ui/composite/dropdown/index.d.ts +2 -2
- package/dist/ui/composite/dropdown/index.jsx +0 -1
- package/dist/ui/composite/dropdown/index.jsx.map +1 -1
- package/dist/ui/composite/emptyState/index.d.ts +9 -0
- package/dist/ui/composite/emptyState/index.jsx +18 -0
- package/dist/ui/composite/emptyState/index.jsx.map +1 -0
- package/dist/ui/{layout → composite}/form/index.d.ts +4 -5
- package/dist/ui/{layout → composite}/form/index.jsx +9 -43
- package/dist/ui/composite/form/index.jsx.map +1 -0
- package/dist/ui/{layout → composite}/form/renderItem.d.ts +1 -2
- package/dist/ui/{layout → composite}/form/renderItem.jsx +25 -30
- package/dist/ui/composite/form/renderItem.jsx.map +1 -0
- package/dist/ui/composite/index.d.ts +475 -224
- package/dist/ui/composite/index.js +30 -0
- package/dist/ui/composite/index.js.map +1 -1
- package/dist/ui/composite/input/attachment/index.jsx +5 -8
- package/dist/ui/composite/input/attachment/index.jsx.map +1 -1
- package/dist/ui/composite/input/checkbox/index.d.ts +2 -2
- package/dist/ui/composite/input/checkbox/index.jsx +2 -2
- package/dist/ui/composite/input/checkbox/index.jsx.map +1 -1
- package/dist/ui/composite/input/datePicker/index.d.ts +1 -1
- package/dist/ui/composite/input/datePicker/index.jsx +5 -16
- package/dist/ui/composite/input/datePicker/index.jsx.map +1 -1
- package/dist/ui/composite/input/dateRange/index.d.ts +1 -1
- package/dist/ui/composite/input/dateRange/index.jsx +1 -3
- package/dist/ui/composite/input/dateRange/index.jsx.map +1 -1
- package/dist/ui/composite/input/dateTimePicker/index.jsx +1 -8
- package/dist/ui/composite/input/dateTimePicker/index.jsx.map +1 -1
- package/dist/ui/composite/input/dateTimeRange/index.d.ts +1 -1
- package/dist/ui/composite/input/dateTimeRange/index.jsx +2 -5
- package/dist/ui/composite/input/dateTimeRange/index.jsx.map +1 -1
- package/dist/ui/composite/input/file/index.jsx +13 -9
- package/dist/ui/composite/input/file/index.jsx.map +1 -1
- package/dist/ui/composite/input/index.d.ts +129 -119
- package/dist/ui/composite/input/index.js +2 -0
- package/dist/ui/composite/input/index.js.map +1 -1
- package/dist/ui/composite/input/list/index.jsx +2 -10
- package/dist/ui/composite/input/list/index.jsx.map +1 -1
- package/dist/ui/composite/input/radio/index.d.ts +2 -2
- package/dist/ui/composite/input/radio/index.jsx +3 -3
- package/dist/ui/composite/input/radio/index.jsx.map +1 -1
- package/dist/ui/composite/input/select/GroupHeading/index.jsx +1 -1
- package/dist/ui/composite/input/select/GroupHeading/index.jsx.map +1 -1
- package/dist/ui/composite/input/select/Input/index.jsx +1 -4
- package/dist/ui/composite/input/select/Input/index.jsx.map +1 -1
- package/dist/ui/composite/input/select/Option/index.jsx +0 -1
- package/dist/ui/composite/input/select/Option/index.jsx.map +1 -1
- package/dist/ui/composite/input/select/Placeholder/index.jsx +1 -1
- package/dist/ui/composite/input/select/Placeholder/index.jsx.map +1 -1
- package/dist/ui/composite/input/select/SelectContainer/index.jsx +1 -1
- package/dist/ui/composite/input/select/SelectContainer/index.jsx.map +1 -1
- package/dist/ui/composite/input/select/SingleValue/index.jsx +1 -1
- package/dist/ui/composite/input/select/SingleValue/index.jsx.map +1 -1
- package/dist/ui/composite/input/select/index.jsx +0 -2
- package/dist/ui/composite/input/select/index.jsx.map +1 -1
- package/dist/ui/composite/input/switch/index.d.ts +11 -0
- package/dist/ui/composite/input/switch/index.jsx +21 -0
- package/dist/ui/composite/input/switch/index.jsx.map +1 -0
- package/dist/ui/composite/input/text/index.d.ts +1 -1
- package/dist/ui/composite/input/text/index.jsx +1 -1
- package/dist/ui/composite/input/text/index.jsx.map +1 -1
- package/dist/ui/composite/input/textarea/index.d.ts +1 -1
- package/dist/ui/composite/input/textarea/index.jsx +1 -1
- package/dist/ui/composite/input/textarea/index.jsx.map +1 -1
- package/dist/ui/composite/input/timePicker/index.d.ts +1 -1
- package/dist/ui/composite/input/timeRange/index.d.ts +1 -1
- package/dist/ui/composite/input/timeRange/index.jsx +1 -1
- package/dist/ui/composite/input/timeRange/index.jsx.map +1 -1
- package/dist/ui/composite/input/weekDaysSelector/index.d.ts +1 -1
- package/dist/ui/composite/input/weekdayPicker/index.d.ts +1 -1
- package/dist/ui/composite/input/weekdayPicker/index.jsx +1 -1
- package/dist/ui/composite/input/weekdayPicker/index.jsx.map +1 -1
- package/dist/ui/composite/label/index.d.ts +3 -2
- package/dist/ui/composite/label/index.jsx +4 -4
- package/dist/ui/composite/label/index.jsx.map +1 -1
- package/dist/ui/composite/loading/index.jsx.map +1 -0
- package/dist/ui/composite/markdown/codeBlock.d.ts +4 -0
- package/dist/ui/composite/markdown/codeBlock.jsx +67 -0
- package/dist/ui/composite/markdown/codeBlock.jsx.map +1 -0
- package/dist/ui/composite/markdown/index.d.ts +3 -0
- package/dist/ui/composite/markdown/index.jsx +65 -0
- package/dist/ui/composite/markdown/index.jsx.map +1 -0
- package/dist/ui/{component/modal/index.d.ts → composite/modal/card.d.ts} +1 -1
- package/dist/ui/composite/modal/card.jsx +13 -0
- package/dist/ui/composite/modal/card.jsx.map +1 -0
- package/dist/ui/composite/modal/index.d.ts +2 -0
- package/dist/ui/composite/modal/index.jsx +3 -0
- package/dist/ui/composite/modal/index.jsx.map +1 -0
- package/dist/ui/{layout/modal/index.jsx → composite/modal/overlay.jsx} +4 -10
- package/dist/ui/composite/modal/overlay.jsx.map +1 -0
- package/dist/ui/{layout → composite}/object/index.d.ts +2 -3
- package/dist/ui/{layout → composite}/object/index.jsx +50 -24
- package/dist/ui/composite/object/index.jsx.map +1 -0
- package/dist/ui/composite/pageTitle/index.jsx +4 -2
- package/dist/ui/composite/pageTitle/index.jsx.map +1 -1
- package/dist/ui/composite/popover/index.d.ts +12 -0
- package/dist/ui/composite/popover/index.jsx +48 -0
- package/dist/ui/composite/popover/index.jsx.map +1 -0
- package/dist/ui/composite/stepper/index.d.ts +8 -0
- package/dist/ui/composite/stepper/index.jsx +34 -0
- package/dist/ui/composite/stepper/index.jsx.map +1 -0
- package/dist/ui/composite/table/features.d.ts +15 -0
- package/dist/ui/composite/table/features.js +10 -0
- package/dist/ui/composite/table/features.js.map +1 -0
- package/dist/ui/{layout → composite}/table/index.d.ts +4 -9
- package/dist/ui/{layout → composite}/table/index.jsx +10 -23
- package/dist/ui/composite/table/index.jsx.map +1 -0
- package/dist/ui/composite/toast/index.d.ts +18 -0
- package/dist/ui/{layout → composite}/toast/index.jsx +11 -4
- package/dist/ui/composite/toast/index.jsx.map +1 -0
- package/dist/ui/composite/tooltip/index.d.ts +11 -0
- package/dist/ui/composite/tooltip/index.jsx +29 -0
- package/dist/ui/composite/tooltip/index.jsx.map +1 -0
- package/dist/ui/functional/index.d.ts +5 -5
- package/dist/ui/functional/signInForm/index.jsx +1 -1
- package/dist/ui/functional/signInForm/index.jsx.map +1 -1
- package/dist/ui/layout/app/component.jsx +2 -2
- package/dist/ui/layout/app/component.jsx.map +1 -1
- package/dist/ui/layout/drawer/index.d.ts +11 -0
- package/dist/ui/layout/drawer/index.jsx +73 -0
- package/dist/ui/layout/drawer/index.jsx.map +1 -0
- package/dist/ui/layout/index.d.ts +38 -351
- package/dist/ui/layout/index.js +2 -12
- package/dist/ui/layout/index.js.map +1 -1
- package/dist/ui/layout/root/index.d.ts +1 -1
- package/dist/ui/layout/root/index.jsx +1 -2
- package/dist/ui/layout/root/index.jsx.map +1 -1
- package/dist/ui/layout/root/provider/index.jsx +0 -4
- package/dist/ui/layout/root/provider/index.jsx.map +1 -1
- package/dist/ui/layout/tab/component.jsx +1 -1
- package/dist/ui/layout/tab/component.jsx.map +1 -1
- package/dist/ui/layout/tab/content/index.d.ts +1 -1
- package/dist/ui/theme/border/index.d.ts +15 -15
- package/dist/ui/theme/border/index.js.map +1 -1
- package/dist/ui/theme/color/index.d.ts +24 -23
- package/dist/ui/theme/color/index.js +14 -24
- package/dist/ui/theme/color/index.js.map +1 -1
- package/dist/ui/theme/rounded/index.d.ts +6 -5
- package/dist/ui/theme/rounded/index.js +2 -0
- package/dist/ui/theme/rounded/index.js.map +1 -1
- package/dist/ui/theme/size/index.d.ts +8 -8
- package/dist/ui/theme/size/index.js +8 -8
- package/dist/ui/theme/size/index.js.map +1 -1
- package/dist/ui/types/index.d.ts +16 -2
- package/dist/ui/types/index.js +0 -1
- package/dist/ui/types/index.js.map +1 -1
- package/dist/util/date/impl.js +0 -2
- package/dist/util/date/impl.js.map +1 -1
- package/dist/util/date/index.d.ts +7 -7
- package/dist/util/index.js +7 -19
- package/dist/util/index.js.map +1 -1
- package/package.json +7 -6
- package/dist/ui/component/button/text/index.d.ts +0 -11
- package/dist/ui/component/button/text/index.jsx +0 -7
- package/dist/ui/component/button/text/index.jsx.map +0 -1
- package/dist/ui/component/markdown/index.d.ts +0 -4
- package/dist/ui/component/markdown/index.jsx +0 -61
- package/dist/ui/component/markdown/index.jsx.map +0 -1
- package/dist/ui/component/modal/index.jsx +0 -12
- package/dist/ui/component/modal/index.jsx.map +0 -1
- package/dist/ui/layout/form/index.jsx.map +0 -1
- package/dist/ui/layout/form/renderItem.jsx.map +0 -1
- package/dist/ui/layout/loading/index.jsx.map +0 -1
- package/dist/ui/layout/modal/index.jsx.map +0 -1
- package/dist/ui/layout/object/index.jsx.map +0 -1
- package/dist/ui/layout/table/index.jsx.map +0 -1
- package/dist/ui/layout/toast/index.d.ts +0 -7
- package/dist/ui/layout/toast/index.jsx.map +0 -1
- /package/dist/ui/{layout → composite}/loading/index.d.ts +0 -0
- /package/dist/ui/{layout → composite}/loading/index.jsx +0 -0
- /package/dist/ui/{layout/modal/index.d.ts → composite/modal/overlay.d.ts} +0 -0
|
@@ -10,18 +10,18 @@ export declare const BaseButton: ({ size, rounded, border, label, icon, image, c
|
|
|
10
10
|
border?: BorderProps;
|
|
11
11
|
label?: string;
|
|
12
12
|
icon?: IconType;
|
|
13
|
-
image?: Omit<ComponentProps<typeof Image>,
|
|
13
|
+
image?: Omit<ComponentProps<typeof Image>, 'alt' | 'fill' | 'width' | 'height'> & {
|
|
14
14
|
square?: boolean;
|
|
15
15
|
};
|
|
16
|
-
} & Omit<ComponentProps<
|
|
16
|
+
} & Omit<ComponentProps<'button'>, 'color' | 'children'>) => import("react").JSX.Element;
|
|
17
17
|
export declare const BaseLink: ({ size, rounded, border, label, icon, image, className, disabled, ...props }: {
|
|
18
18
|
size?: ControlSize;
|
|
19
19
|
rounded?: Rounded;
|
|
20
20
|
border?: BorderProps;
|
|
21
21
|
label?: string;
|
|
22
22
|
icon?: IconType;
|
|
23
|
-
image?: Omit<ComponentProps<typeof Image>,
|
|
23
|
+
image?: Omit<ComponentProps<typeof Image>, 'alt' | 'fill' | 'width' | 'height'> & {
|
|
24
24
|
square?: boolean;
|
|
25
25
|
};
|
|
26
26
|
disabled?: boolean;
|
|
27
|
-
} & Omit<ComponentProps<typeof Link>,
|
|
27
|
+
} & Omit<ComponentProps<typeof Link>, 'color' | 'children' | 'disabled' | 'onClick'>) => import("react").JSX.Element;
|
|
@@ -16,7 +16,7 @@ export const BaseButton = ({ size = ControlSize.base, rounded = Rounded.m, borde
|
|
|
16
16
|
onClick(e);
|
|
17
17
|
}
|
|
18
18
|
}} {...props}>
|
|
19
|
-
{icon &&
|
|
19
|
+
{icon && <Icon icon={icon} className={classNames(getControlSizeClassName(size, true))}/>}
|
|
20
20
|
{label && (<>
|
|
21
21
|
<span>{t(label)}</span>
|
|
22
22
|
{icon && <div />}
|
|
@@ -33,7 +33,7 @@ export const BaseLink = ({ size = ControlSize.base, rounded = Rounded.m, border,
|
|
|
33
33
|
'p-control-padding-sm!': label === undefined && (icon !== undefined || image !== undefined),
|
|
34
34
|
}, className);
|
|
35
35
|
const content = (<>
|
|
36
|
-
{icon &&
|
|
36
|
+
{icon && <Icon icon={icon} className={classNames(getControlSizeClassName(size, true))}/>}
|
|
37
37
|
{label && (<>
|
|
38
38
|
<span>{t(label)}</span>
|
|
39
39
|
{icon && <div />}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.jsx","sourceRoot":"","sources":["../../../../../src/ui/component/button/base.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,YAAY,CAAA;AAC9B,OAAO,IAAI,MAAM,WAAW,CAAA;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAI3C,OAAO,EACL,WAAW,EACX,2BAA2B,EAC3B,yBAAyB,EACzB,uBAAuB,EACvB,2BAA2B,EAC3B,mBAAmB,EACnB,OAAO,GACR,MAAM,aAAa,CAAA;AAEpB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,IAAI,GAAG,WAAW,CAAC,IAAI,EACvB,OAAO,GAAG,OAAO,CAAC,CAAC,EACnB,MAAM,EACN,KAAK,EACL,IAAI,EACJ,KAAK,EACL,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EAQ8C,EAAE,EAAE;IAC1D,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,OAAO,CACL,CAAC,MAAM,CACL,IAAI,CAAC,QAAQ,CACb,SAAS,CAAC,CAAC,UAAU,CACnB,CAAC,OAAO,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI,WAAW,EACnD,UAAU,EACV,yDAAyD,EACzD,mCAAmC,EACnC,+CAA+C,EAC/C,2BAA2B,CAAC,IAAI,CAAC,EACjC,mBAAmB,CAAC,OAAO,CAAC,EAC5B,2BAA2B,CAAC,MAAM,CAAC,EACnC;YACE,uBAAuB,EAAE,KAAK,KAAK,SAAS,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS,CAAC;SAC5F,EACD,SAAS,CACV,CAAC,CACF,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;YACb,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;gBAC1B,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,OAAO,CAAC,CAAC,CAAC,CAAA;YACZ,CAAC;QACH,CAAC,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,IAAI,IAAI,
|
|
1
|
+
{"version":3,"file":"base.jsx","sourceRoot":"","sources":["../../../../../src/ui/component/button/base.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,8 +4,8 @@ import { BaseButton, BaseLink } from '../base';
|
|
|
4
4
|
export declare const Colored: ({ color, container, className, ...props }: {
|
|
5
5
|
color: ColorTypes;
|
|
6
6
|
container?: boolean;
|
|
7
|
-
} & Omit<ComponentProps<typeof BaseButton>,
|
|
7
|
+
} & Omit<ComponentProps<typeof BaseButton>, 'image'>) => import("react").JSX.Element;
|
|
8
8
|
export declare const ColoredLink: ({ color, container, className, ...props }: {
|
|
9
9
|
color: ColorTypes;
|
|
10
10
|
container?: boolean;
|
|
11
|
-
} & Omit<ComponentProps<typeof BaseLink>,
|
|
11
|
+
} & Omit<ComponentProps<typeof BaseLink>, 'image'>) => import("react").JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { ComponentProps } from 'react';
|
|
2
2
|
import { BaseButton, BaseLink } from '../base';
|
|
3
|
-
export declare const Imaged: (props: Omit<ComponentProps<typeof BaseButton>,
|
|
4
|
-
export declare const ImagedLink: (props: Omit<ComponentProps<typeof BaseLink>,
|
|
3
|
+
export declare const Imaged: (props: Omit<ComponentProps<typeof BaseButton>, 'icon'>) => import("react").JSX.Element;
|
|
4
|
+
export declare const ImagedLink: (props: Omit<ComponentProps<typeof BaseLink>, 'icon'>) => import("react").JSX.Element;
|
|
@@ -1,18 +1,13 @@
|
|
|
1
1
|
import type { ComponentProps } from 'react';
|
|
2
2
|
import { Colored, ColoredLink } from './colored';
|
|
3
3
|
import { Imaged, ImagedLink } from './image';
|
|
4
|
-
import { Text, TextLink } from './text';
|
|
5
4
|
export declare const Button: ({ variant, ...props }: ({
|
|
6
|
-
variant:
|
|
5
|
+
variant: 'colored';
|
|
7
6
|
} & ComponentProps<typeof Colored>) | ({
|
|
8
|
-
variant:
|
|
9
|
-
} & ComponentProps<typeof Text>) | ({
|
|
10
|
-
variant: "image";
|
|
7
|
+
variant: 'image';
|
|
11
8
|
} & ComponentProps<typeof Imaged>)) => import("react").JSX.Element;
|
|
12
9
|
export declare const LinkButton: ({ variant, ...props }: ({
|
|
13
|
-
variant:
|
|
10
|
+
variant: 'colored';
|
|
14
11
|
} & ComponentProps<typeof ColoredLink>) | ({
|
|
15
|
-
variant:
|
|
16
|
-
} & ComponentProps<typeof TextLink>) | ({
|
|
17
|
-
variant: "image";
|
|
12
|
+
variant: 'image';
|
|
18
13
|
} & ComponentProps<typeof ImagedLink>)) => import("react").JSX.Element;
|
|
@@ -1,13 +1,10 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { Colored, ColoredLink } from './colored';
|
|
3
3
|
import { Imaged, ImagedLink } from './image';
|
|
4
|
-
import { Text, TextLink } from './text';
|
|
5
4
|
export const Button = ({ variant, ...props }) => {
|
|
6
5
|
switch (variant) {
|
|
7
6
|
case 'colored':
|
|
8
7
|
return <Colored {...props}/>;
|
|
9
|
-
case 'text':
|
|
10
|
-
return <Text {...props}/>;
|
|
11
8
|
case 'image':
|
|
12
9
|
return <Imaged {...props}/>;
|
|
13
10
|
}
|
|
@@ -16,8 +13,6 @@ export const LinkButton = ({ variant, ...props }) => {
|
|
|
16
13
|
switch (variant) {
|
|
17
14
|
case 'colored':
|
|
18
15
|
return <ColoredLink {...props}/>;
|
|
19
|
-
case 'text':
|
|
20
|
-
return <TextLink {...props}/>;
|
|
21
16
|
case 'image':
|
|
22
17
|
return <ImagedLink {...props}/>;
|
|
23
18
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/component/button/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAIZ,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/component/button/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAIZ,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAE5C,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,OAAO,EACP,GAAG,KAAK,EAGgD,EAAE,EAAE;IAC5D,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,CAAC,OAAO,CAAC,IAAK,KAAwC,CAAC,EAAG,CAAA;QACnE,KAAK,OAAO;YACV,OAAO,CAAC,MAAM,CAAC,IAAK,KAAuC,CAAC,EAAG,CAAA;IACnE,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,OAAO,EACP,GAAG,KAAK,EAGoD,EAAE,EAAE;IAChE,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,CAAC,WAAW,CAAC,IAAK,KAA4C,CAAC,EAAG,CAAA;QAC3E,KAAK,OAAO;YACV,OAAO,CAAC,UAAU,CAAC,IAAK,KAA2C,CAAC,EAAG,CAAA;IAC3E,CAAC;AACH,CAAC,CAAA"}
|
|
@@ -13,7 +13,7 @@ export const Card = ({ border = true, shadow = true, selected = false, rounded =
|
|
|
13
13
|
width: BorderWidth.base,
|
|
14
14
|
type: 'outline',
|
|
15
15
|
}),
|
|
16
|
-
getTextColorTypeClassName(TextColorTypes.primary
|
|
16
|
+
getTextColorTypeClassName(TextColorTypes.primary),
|
|
17
17
|
], getRoundedClassName(rounded), className)} onClick={onClick} style={style}>
|
|
18
18
|
{children}
|
|
19
19
|
</div>);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/component/card/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AAGnC,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAChB,WAAW,EACX,+BAA+B,EAC/B,2BAA2B,EAC3B,mBAAmB,EACnB,yBAAyB,EACzB,OAAO,EACP,cAAc,GACf,MAAM,aAAa,CAAA;AAEpB,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACnB,MAAM,GAAG,IAAI,EACb,MAAM,GAAG,IAAI,EACb,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,OAAO,CAAC,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,GAUN,EAAE,EAAE,CAAC,CACJ,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,UAAU,CACnB,gDAAgD,EAChD,MAAM,IAAI,WAAW,EACrB,OAAO,KAAK,SAAS,IAAI,iCAAiC,EAC1D,+BAA+B,CAAC,oBAAoB,CAAC,SAAS,CAAC,EAC/D,2BAA2B,CAAC;QAC1B,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI;QAChE,SAAS,EAAE,KAAK;QAChB,KAAK,EAAE,WAAW,CAAC,IAAI;QACvB,IAAI,EAAE,SAAS;KAChB,CAAC,EACF,QAAQ,IAAI;QACV,2BAA2B,CAAC;YAC1B,KAAK,EAAE,gBAAgB,CAAC,OAAO;YAC/B,SAAS,EAAE,KAAK;YAChB,KAAK,EAAE,WAAW,CAAC,IAAI;YACvB,IAAI,EAAE,SAAS;SAChB,CAAC;QACF,yBAAyB,CAAC,cAAc,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/component/card/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AAGnC,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAChB,WAAW,EACX,+BAA+B,EAC/B,2BAA2B,EAC3B,mBAAmB,EACnB,yBAAyB,EACzB,OAAO,EACP,cAAc,GACf,MAAM,aAAa,CAAA;AAEpB,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACnB,MAAM,GAAG,IAAI,EACb,MAAM,GAAG,IAAI,EACb,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,OAAO,CAAC,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,GAUN,EAAE,EAAE,CAAC,CACJ,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,UAAU,CACnB,gDAAgD,EAChD,MAAM,IAAI,WAAW,EACrB,OAAO,KAAK,SAAS,IAAI,iCAAiC,EAC1D,+BAA+B,CAAC,oBAAoB,CAAC,SAAS,CAAC,EAC/D,2BAA2B,CAAC;QAC1B,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI;QAChE,SAAS,EAAE,KAAK;QAChB,KAAK,EAAE,WAAW,CAAC,IAAI;QACvB,IAAI,EAAE,SAAS;KAChB,CAAC,EACF,QAAQ,IAAI;QACV,2BAA2B,CAAC;YAC1B,KAAK,EAAE,gBAAgB,CAAC,OAAO;YAC/B,SAAS,EAAE,KAAK;YAChB,KAAK,EAAE,WAAW,CAAC,IAAI;YACvB,IAAI,EAAE,SAAS;SAChB,CAAC;QACF,yBAAyB,CAAC,cAAc,CAAC,OAAO,CAAC;KAClD,EACD,mBAAmB,CAAC,OAAO,CAAC,EAC5B,SAAS,CACV,CAAC,CACF,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,CAEb;IAAA,CAAC,QAAQ,CACX;EAAA,EAAE,GAAG,CAAC,CACP,CAAA"}
|
|
@@ -2,6 +2,6 @@ import type { IconType } from '../../types';
|
|
|
2
2
|
export declare const Icon: ({ icon, className }: {
|
|
3
3
|
icon: IconType;
|
|
4
4
|
className?: string;
|
|
5
|
-
}) => import("react").DetailedReactHTMLElement<{
|
|
5
|
+
}) => import("react").DetailedReactHTMLElement<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> | import("react").DetailedReactHTMLElement<{
|
|
6
6
|
className: string | undefined;
|
|
7
|
-
}, HTMLElement
|
|
7
|
+
}, HTMLElement>;
|
|
@@ -1,108 +1,100 @@
|
|
|
1
|
-
import * as card from './card';
|
|
2
1
|
export declare const Component: {
|
|
2
|
+
LoadingSpinner: ({ size }: {
|
|
3
|
+
size?: number;
|
|
4
|
+
}) => import("react").JSX.Element;
|
|
5
|
+
Card: ({ border, shadow, selected, rounded, className, children, onClick, style, }: {
|
|
6
|
+
border?: boolean;
|
|
7
|
+
shadow?: boolean;
|
|
8
|
+
selected?: boolean;
|
|
9
|
+
rounded?: import("..").Rounded;
|
|
10
|
+
className?: string;
|
|
11
|
+
children: import("react").ReactNode;
|
|
12
|
+
onClick?: () => void;
|
|
13
|
+
style?: React.CSSProperties;
|
|
14
|
+
}) => import("react").JSX.Element;
|
|
15
|
+
Icon: ({ icon, className }: {
|
|
16
|
+
icon: import("..").IconType;
|
|
17
|
+
className?: string;
|
|
18
|
+
}) => import("react").DetailedReactHTMLElement<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> | import("react").DetailedReactHTMLElement<{
|
|
19
|
+
className: string | undefined;
|
|
20
|
+
}, HTMLElement>;
|
|
21
|
+
Button: ({ variant, ...props }: ({
|
|
22
|
+
variant: 'colored';
|
|
23
|
+
} & import("react").ComponentProps<typeof import("./button/colored").Colored>) | ({
|
|
24
|
+
variant: 'image';
|
|
25
|
+
} & import("react").ComponentProps<typeof import("./button/image").Imaged>)) => import("react").JSX.Element;
|
|
26
|
+
LinkButton: ({ variant, ...props }: ({
|
|
27
|
+
variant: 'colored';
|
|
28
|
+
} & import("react").ComponentProps<typeof import("./button/colored").ColoredLink>) | ({
|
|
29
|
+
variant: 'image';
|
|
30
|
+
} & import("react").ComponentProps<typeof import("./button/image").ImagedLink>)) => import("react").JSX.Element;
|
|
31
|
+
ProgressBar: ({ value, color, label, showValue, rounded, className, }: {
|
|
32
|
+
value: number;
|
|
33
|
+
color?: import("..").ColorTypes;
|
|
34
|
+
label?: string;
|
|
35
|
+
showValue?: boolean;
|
|
36
|
+
rounded?: import("..").Rounded;
|
|
37
|
+
className?: string;
|
|
38
|
+
}) => import("react").JSX.Element;
|
|
39
|
+
Skeleton: ({ variant, lines, width, height, animate, rounded, className, }: {
|
|
40
|
+
variant?: 'text' | 'rect' | 'circle';
|
|
41
|
+
lines?: number;
|
|
42
|
+
width?: number | string;
|
|
43
|
+
height?: number | string;
|
|
44
|
+
animate?: boolean;
|
|
45
|
+
rounded?: import("..").Rounded;
|
|
46
|
+
className?: string;
|
|
47
|
+
}) => import("react").JSX.Element;
|
|
3
48
|
NoSSR: ({ children, fallback }: {
|
|
4
49
|
children: import("react").ReactNode;
|
|
5
50
|
fallback?: import("react").ReactNode;
|
|
6
51
|
}) => import("react").ReactNode;
|
|
7
52
|
Typography: {
|
|
8
|
-
|
|
53
|
+
H1: ({ color, disabled, className, children, ...props }: {
|
|
9
54
|
color?: import("..").TextColorTypes;
|
|
10
|
-
container?: boolean;
|
|
11
55
|
disabled?: boolean;
|
|
12
|
-
} & Omit<import("react").ComponentProps<
|
|
13
|
-
|
|
56
|
+
} & Omit<import("react").ComponentProps<'h1'>, 'color'>) => import("react").JSX.Element;
|
|
57
|
+
H2: ({ color, disabled, className, children, ...props }: {
|
|
14
58
|
color?: import("..").TextColorTypes;
|
|
15
|
-
container?: boolean;
|
|
16
59
|
disabled?: boolean;
|
|
17
|
-
} & Omit<import("react").ComponentProps<
|
|
18
|
-
|
|
60
|
+
} & Omit<import("react").ComponentProps<'h2'>, 'color'>) => import("react").JSX.Element;
|
|
61
|
+
H3: ({ color, disabled, className, children, ...props }: {
|
|
19
62
|
color?: import("..").TextColorTypes;
|
|
20
|
-
container?: boolean;
|
|
21
63
|
disabled?: boolean;
|
|
22
|
-
} & Omit<import("react").ComponentProps<
|
|
23
|
-
|
|
64
|
+
} & Omit<import("react").ComponentProps<'h3'>, 'color'>) => import("react").JSX.Element;
|
|
65
|
+
H4: ({ color, disabled, className, children, ...props }: {
|
|
24
66
|
color?: import("..").TextColorTypes;
|
|
25
|
-
container?: boolean;
|
|
26
67
|
disabled?: boolean;
|
|
27
|
-
} & Omit<import("react").ComponentProps<
|
|
28
|
-
|
|
29
|
-
} & import("react").RefAttributes<HTMLAnchorElement>>>, "color">) => import("react").JSX.Element;
|
|
30
|
-
Label: ({ color, container, disabled, className, children, ...props }: {
|
|
68
|
+
} & Omit<import("react").ComponentProps<'h4'>, 'color'>) => import("react").JSX.Element;
|
|
69
|
+
H5: ({ color, disabled, className, children, ...props }: {
|
|
31
70
|
color?: import("..").TextColorTypes;
|
|
32
|
-
container?: boolean;
|
|
33
71
|
disabled?: boolean;
|
|
34
|
-
} & Omit<import("react").ComponentProps<
|
|
35
|
-
H6: ({ color,
|
|
72
|
+
} & Omit<import("react").ComponentProps<'h5'>, 'color'>) => import("react").JSX.Element;
|
|
73
|
+
H6: ({ color, disabled, className, children, ...props }: {
|
|
36
74
|
color?: import("..").TextColorTypes;
|
|
37
|
-
container?: boolean;
|
|
38
75
|
disabled?: boolean;
|
|
39
|
-
} & Omit<import("react").ComponentProps<
|
|
40
|
-
|
|
76
|
+
} & Omit<import("react").ComponentProps<'h6'>, 'color'>) => import("react").JSX.Element;
|
|
77
|
+
Label: ({ color, disabled, className, children, ...props }: {
|
|
41
78
|
color?: import("..").TextColorTypes;
|
|
42
|
-
container?: boolean;
|
|
43
79
|
disabled?: boolean;
|
|
44
|
-
} & Omit<import("react").ComponentProps<
|
|
45
|
-
|
|
80
|
+
} & Omit<import("react").ComponentProps<'label'>, 'color'>) => import("react").JSX.Element;
|
|
81
|
+
LinkText: ({ color, disabled, className, children, ...props }: {
|
|
46
82
|
color?: import("..").TextColorTypes;
|
|
47
|
-
container?: boolean;
|
|
48
83
|
disabled?: boolean;
|
|
49
|
-
} & Omit<import("react").ComponentProps<"
|
|
50
|
-
|
|
84
|
+
} & Omit<import("react").ComponentProps<import("react").ForwardRefExoticComponent<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, keyof import("next/link").LinkProps<any>> & import("next/link").LinkProps<any> & {
|
|
85
|
+
children?: React.ReactNode | undefined;
|
|
86
|
+
} & import("react").RefAttributes<HTMLAnchorElement>>>, 'color'>) => import("react").JSX.Element;
|
|
87
|
+
P: ({ color, disabled, className, children, ...props }: {
|
|
51
88
|
color?: import("..").TextColorTypes;
|
|
52
|
-
container?: boolean;
|
|
53
89
|
disabled?: boolean;
|
|
54
|
-
} & Omit<import("react").ComponentProps<
|
|
55
|
-
|
|
90
|
+
} & Omit<import("react").ComponentProps<'p'>, 'color'>) => import("react").JSX.Element;
|
|
91
|
+
Pre: ({ color, disabled, className, children, ...props }: {
|
|
56
92
|
color?: import("..").TextColorTypes;
|
|
57
|
-
container?: boolean;
|
|
58
93
|
disabled?: boolean;
|
|
59
|
-
} & Omit<import("react").ComponentProps<
|
|
60
|
-
|
|
94
|
+
} & Omit<import("react").ComponentProps<'pre'>, 'color'>) => import("react").JSX.Element;
|
|
95
|
+
Span: ({ color, disabled, className, children, ...props }: {
|
|
61
96
|
color?: import("..").TextColorTypes;
|
|
62
|
-
container?: boolean;
|
|
63
97
|
disabled?: boolean;
|
|
64
|
-
} & Omit<import("react").ComponentProps<
|
|
98
|
+
} & Omit<import("react").ComponentProps<'span'>, 'color'>) => import("react").JSX.Element;
|
|
65
99
|
};
|
|
66
|
-
ModalCard: ({ showCloseButton, onClickClose, id, className, children, ...props }: {
|
|
67
|
-
showCloseButton?: boolean;
|
|
68
|
-
onClickClose?: (id?: string) => void;
|
|
69
|
-
id?: string;
|
|
70
|
-
} & import("react").ComponentProps<typeof card.Card>) => import("react").JSX.Element;
|
|
71
|
-
Markdown: ({ container, children }: {
|
|
72
|
-
container?: boolean;
|
|
73
|
-
children: string;
|
|
74
|
-
}) => import("react").JSX.Element;
|
|
75
|
-
LoadingSpinner: ({ size }: {
|
|
76
|
-
size?: number;
|
|
77
|
-
}) => import("react").JSX.Element;
|
|
78
|
-
Icon: ({ icon, className }: {
|
|
79
|
-
icon: import("..").IconType;
|
|
80
|
-
className?: string;
|
|
81
|
-
}) => import("react").DetailedReactHTMLElement<{
|
|
82
|
-
className: string | undefined;
|
|
83
|
-
}, HTMLElement> | import("react").DetailedReactHTMLElement<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
|
|
84
|
-
Card: ({ border, shadow, selected, rounded, className, children, onClick, style, }: {
|
|
85
|
-
border?: boolean;
|
|
86
|
-
shadow?: boolean;
|
|
87
|
-
selected?: boolean;
|
|
88
|
-
rounded?: import("..").Rounded;
|
|
89
|
-
className?: string;
|
|
90
|
-
children: import("react").ReactNode;
|
|
91
|
-
onClick?: () => void;
|
|
92
|
-
style?: React.CSSProperties;
|
|
93
|
-
}) => import("react").JSX.Element;
|
|
94
|
-
Button: ({ variant, ...props }: ({
|
|
95
|
-
variant: "colored";
|
|
96
|
-
} & import("react").ComponentProps<typeof import("./button/colored").Colored>) | ({
|
|
97
|
-
variant: "text";
|
|
98
|
-
} & import("react").ComponentProps<typeof import("./button/text").Text>) | ({
|
|
99
|
-
variant: "image";
|
|
100
|
-
} & import("react").ComponentProps<typeof import("./button/image").Imaged>)) => import("react").JSX.Element;
|
|
101
|
-
LinkButton: ({ variant, ...props }: ({
|
|
102
|
-
variant: "colored";
|
|
103
|
-
} & import("react").ComponentProps<typeof import("./button/colored").ColoredLink>) | ({
|
|
104
|
-
variant: "text";
|
|
105
|
-
} & import("react").ComponentProps<typeof import("./button/text").TextLink>) | ({
|
|
106
|
-
variant: "image";
|
|
107
|
-
} & import("react").ComponentProps<typeof import("./button/image").ImagedLink>)) => import("react").JSX.Element;
|
|
108
100
|
};
|
|
@@ -2,8 +2,8 @@ import * as button from './button';
|
|
|
2
2
|
import * as card from './card';
|
|
3
3
|
import * as icon from './icon';
|
|
4
4
|
import * as loading from './loading';
|
|
5
|
-
import * as
|
|
6
|
-
import * as
|
|
5
|
+
import * as progressBar from './progressBar';
|
|
6
|
+
import * as skeleton from './skeleton';
|
|
7
7
|
import * as ssr from './ssr';
|
|
8
8
|
import * as typography from './typography';
|
|
9
9
|
export const Component = {
|
|
@@ -11,8 +11,8 @@ export const Component = {
|
|
|
11
11
|
...card,
|
|
12
12
|
...icon,
|
|
13
13
|
...loading,
|
|
14
|
-
...
|
|
15
|
-
...
|
|
14
|
+
...progressBar,
|
|
15
|
+
...skeleton,
|
|
16
16
|
...typography,
|
|
17
17
|
...ssr,
|
|
18
18
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/component/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,UAAU,CAAA;AAClC,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAA;AAC9B,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAA;AAC9B,OAAO,KAAK,OAAO,MAAM,WAAW,CAAA;AACpC,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/component/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,UAAU,CAAA;AAClC,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAA;AAC9B,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAA;AAC9B,OAAO,KAAK,OAAO,MAAM,WAAW,CAAA;AACpC,OAAO,KAAK,WAAW,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAA;AACtC,OAAO,KAAK,GAAG,MAAM,OAAO,CAAA;AAC5B,OAAO,KAAK,UAAU,MAAM,cAAc,CAAA;AAE1C,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,GAAG,MAAM;IACT,GAAG,IAAI;IACP,GAAG,IAAI;IACP,GAAG,OAAO;IACV,GAAG,WAAW;IACd,GAAG,QAAQ;IACX,GAAG,UAAU;IACb,GAAG,GAAG;CACP,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ColorTypes, Rounded } from '../../theme';
|
|
2
|
+
export declare const ProgressBar: ({ value, color, label, showValue, rounded, className, }: {
|
|
3
|
+
value: number;
|
|
4
|
+
color?: ColorTypes;
|
|
5
|
+
label?: string;
|
|
6
|
+
showValue?: boolean;
|
|
7
|
+
rounded?: Rounded;
|
|
8
|
+
className?: string;
|
|
9
|
+
}) => import("react").JSX.Element;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { useTranslations } from 'next-intl';
|
|
4
|
+
import { ColorTypes, getColorTypeClassName, getRoundedClassName, getTextColorTypeClassName, Rounded, TextColorTypes, } from '../../theme';
|
|
5
|
+
export const ProgressBar = ({ value, color = ColorTypes.primary, label, showValue = false, rounded = Rounded.full, className, }) => {
|
|
6
|
+
const t = useTranslations();
|
|
7
|
+
const clamped = Math.min(100, Math.max(0, value));
|
|
8
|
+
return (<div className={classNames('flex w-full items-center gap-control-padding-lg', className)}>
|
|
9
|
+
<div role='progressbar' aria-valuenow={clamped} aria-valuemin={0} aria-valuemax={100} aria-label={label === undefined ? undefined : t(label)} className={classNames('h-control-xs w-full overflow-hidden bg-outline-default', getRoundedClassName(rounded))}>
|
|
10
|
+
<div className={classNames('h-full transition-all', getColorTypeClassName(color, false))} style={{ width: `${clamped}%` }}/>
|
|
11
|
+
</div>
|
|
12
|
+
{showValue && (<span className={classNames('shrink-0 text-sm tabular-nums', getTextColorTypeClassName(TextColorTypes.main))}>{`${Math.round(clamped)}%`}</span>)}
|
|
13
|
+
</div>);
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=index.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/component/progressBar/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAE3C,OAAO,EACL,UAAU,EACV,qBAAqB,EACrB,mBAAmB,EACnB,yBAAyB,EACzB,OAAO,EACP,cAAc,GACf,MAAM,aAAa,CAAA;AAEpB,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,KAAK,GAAG,UAAU,CAAC,OAAO,EAC1B,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,OAAO,CAAC,IAAI,EACtB,SAAS,GAQV,EAAE,EAAE;IACH,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAA;IACjD,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,iDAAiD,EAAE,SAAS,CAAC,CAAC,CACvF;MAAA,CAAC,GAAG,CACF,IAAI,CAAC,aAAa,CAClB,aAAa,CAAC,CAAC,OAAO,CAAC,CACvB,aAAa,CAAC,CAAC,CAAC,CAAC,CACjB,aAAa,CAAC,CAAC,GAAG,CAAC,CACnB,UAAU,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CACvD,SAAS,CAAC,CAAC,UAAU,CAAC,wDAAwD,EAAE,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC,CAE9G;QAAA,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,UAAU,CAAC,uBAAuB,EAAE,qBAAqB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CACpF,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,OAAO,GAAG,EAAE,CAAC,EAEpC;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,SAAS,IAAI,CACZ,CAAC,IAAI,CACH,SAAS,CAAC,CAAC,UAAU,CAAC,+BAA+B,EAAE,yBAAyB,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CACxG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CACpC,CACH;IAAA,EAAE,GAAG,CAAC,CACP,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Rounded } from '../../theme';
|
|
2
|
+
export declare const Skeleton: ({ variant, lines, width, height, animate, rounded, className, }: {
|
|
3
|
+
variant?: 'text' | 'rect' | 'circle';
|
|
4
|
+
lines?: number;
|
|
5
|
+
width?: number | string;
|
|
6
|
+
height?: number | string;
|
|
7
|
+
animate?: boolean;
|
|
8
|
+
rounded?: Rounded;
|
|
9
|
+
className?: string;
|
|
10
|
+
}) => import("react").JSX.Element;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { getRoundedClassName, Rounded } from '../../theme';
|
|
4
|
+
export const Skeleton = ({ variant = 'rect', lines = 1, width, height, animate = true, rounded = Rounded.s, className, }) => {
|
|
5
|
+
const block = classNames('w-full bg-outline-default', getRoundedClassName(variant === 'circle' ? Rounded.half : rounded), className);
|
|
6
|
+
const shimmer = animate ? { animation: 'skeleton-shimmer 1.5s ease-in-out infinite' } : {};
|
|
7
|
+
const keyframes = (<style>
|
|
8
|
+
{`
|
|
9
|
+
@keyframes skeleton-shimmer {
|
|
10
|
+
0% {
|
|
11
|
+
opacity: 0.4;
|
|
12
|
+
}
|
|
13
|
+
50% {
|
|
14
|
+
opacity: 1;
|
|
15
|
+
}
|
|
16
|
+
100% {
|
|
17
|
+
opacity: 0.4;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
`}
|
|
21
|
+
</style>);
|
|
22
|
+
if (variant === 'text') {
|
|
23
|
+
return (<div aria-hidden='true' className='flex w-full flex-col gap-control-padding-base' style={{ width }}>
|
|
24
|
+
{keyframes}
|
|
25
|
+
{Array.from({ length: lines }, (_, i) => (<div key={i} className={classNames(block, 'h-control-sm')} style={{ ...shimmer, width: lines > 1 && i === lines - 1 ? '66%' : undefined }}/>))}
|
|
26
|
+
</div>);
|
|
27
|
+
}
|
|
28
|
+
return (<>
|
|
29
|
+
{keyframes}
|
|
30
|
+
<div aria-hidden='true' className={classNames(block, variant === 'circle' ? 'shrink-0' : 'h-control-3xl')} style={variant === 'circle'
|
|
31
|
+
? { ...shimmer, width: width ?? height ?? 48, height: height ?? width ?? 48 }
|
|
32
|
+
: { ...shimmer, width, height }}/>
|
|
33
|
+
</>);
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=index.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/component/skeleton/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAE1D,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,OAAO,GAAG,MAAM,EAChB,KAAK,GAAG,CAAC,EACT,KAAK,EACL,MAAM,EACN,OAAO,GAAG,IAAI,EACd,OAAO,GAAG,OAAO,CAAC,CAAC,EACnB,SAAS,GASV,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,UAAU,CACtB,2BAA2B,EAC3B,mBAAmB,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,EAClE,SAAS,CACV,CAAA;IACD,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,4CAA4C,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAC1F,MAAM,SAAS,GAAG,CAChB,CAAC,KAAK,CACJ;MAAA,CAAC;;;;;;;;;;;;OAYA,CACH;IAAA,EAAE,KAAK,CAAC,CACT,CAAA;IACD,IAAI,OAAO,KAAK,MAAM,EAAE,CAAC;QACvB,OAAO,CACL,CAAC,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,SAAS,CAAC,+CAA+C,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CACjG;QAAA,CAAC,SAAS,CACV;QAAA,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACvC,CAAC,GAAG,CACF,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,SAAS,CAAC,CAAC,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAC7C,KAAK,CAAC,CAAC,EAAE,GAAG,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,EAC/E,CACH,CAAC,CACJ;MAAA,EAAE,GAAG,CAAC,CACP,CAAA;IACH,CAAC;IACD,OAAO,CACL,EACE;MAAA,CAAC,SAAS,CACV;MAAA,CAAC,GAAG,CACF,WAAW,CAAC,MAAM,CAClB,SAAS,CAAC,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAClF,KAAK,CAAC,CACJ,OAAO,KAAK,QAAQ;YAClB,CAAC,CAAC,EAAE,GAAG,OAAO,EAAE,KAAK,EAAE,KAAK,IAAI,MAAM,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,IAAI,KAAK,IAAI,EAAE,EAAE;YAC7E,CAAC,CAAC,EAAE,GAAG,OAAO,EAAE,KAAK,EAAE,MAAM,EACjC,CAAC,EAEL;IAAA,GAAG,CACJ,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import type { ComponentProps } from 'react';
|
|
2
2
|
import { TextColorTypes } from '../../../theme';
|
|
3
|
-
export declare const H1: ({ color,
|
|
3
|
+
export declare const H1: ({ color, disabled, className, children, ...props }: {
|
|
4
4
|
color?: TextColorTypes;
|
|
5
|
-
container?: boolean;
|
|
6
5
|
disabled?: boolean;
|
|
7
|
-
} & Omit<ComponentProps<
|
|
6
|
+
} & Omit<ComponentProps<'h1'>, 'color'>) => import("react").JSX.Element;
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { useTranslations } from 'next-intl';
|
|
4
4
|
import { getTextColorTypeClassName, TextColorTypes } from '../../../theme';
|
|
5
|
-
export const H1 = ({ color = TextColorTypes.main,
|
|
5
|
+
export const H1 = ({ color = TextColorTypes.main, disabled, className, children, ...props }) => {
|
|
6
6
|
const t = useTranslations();
|
|
7
7
|
const translatedChildren = typeof children === 'string' ? t(children) : children;
|
|
8
|
-
return (<h1 className={classNames(className, getTextColorTypeClassName(color
|
|
8
|
+
return (<h1 className={classNames(className, getTextColorTypeClassName(color), 'text-3xl', disabled && 'opacity-50')} {...props}>
|
|
9
9
|
{translatedChildren}
|
|
10
10
|
</h1>);
|
|
11
11
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/H1/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE1E,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/H1/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE1E,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAI6B,EAAE,EAAE;IACzC,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,MAAM,kBAAkB,GAAc,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC3F,OAAO,CACL,CAAC,EAAE,CACD,SAAS,CAAC,CAAC,UAAU,CAAC,SAAS,EAAE,yBAAyB,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,QAAQ,IAAI,YAAY,CAAC,CAAC,CACzG,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,EAAE,CAAC,CACN,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import type { ComponentProps } from 'react';
|
|
2
2
|
import { TextColorTypes } from '../../../theme';
|
|
3
|
-
export declare const H2: ({ color,
|
|
3
|
+
export declare const H2: ({ color, disabled, className, children, ...props }: {
|
|
4
4
|
color?: TextColorTypes;
|
|
5
|
-
container?: boolean;
|
|
6
5
|
disabled?: boolean;
|
|
7
|
-
} & Omit<ComponentProps<
|
|
6
|
+
} & Omit<ComponentProps<'h2'>, 'color'>) => import("react").JSX.Element;
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { useTranslations } from 'next-intl';
|
|
4
4
|
import { getTextColorTypeClassName, TextColorTypes } from '../../../theme';
|
|
5
|
-
export const H2 = ({ color = TextColorTypes.main,
|
|
5
|
+
export const H2 = ({ color = TextColorTypes.main, disabled, className, children, ...props }) => {
|
|
6
6
|
const t = useTranslations();
|
|
7
7
|
const translatedChildren = typeof children === 'string' ? t(children) : children;
|
|
8
|
-
return (<h2 className={classNames(className, getTextColorTypeClassName(color
|
|
8
|
+
return (<h2 className={classNames(className, getTextColorTypeClassName(color), 'text-2xl', disabled && 'opacity-50')} {...props}>
|
|
9
9
|
{translatedChildren}
|
|
10
10
|
</h2>);
|
|
11
11
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/H2/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE1E,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/H2/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE1E,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAI6B,EAAE,EAAE;IACzC,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,MAAM,kBAAkB,GAAc,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC3F,OAAO,CACL,CAAC,EAAE,CACD,SAAS,CAAC,CAAC,UAAU,CAAC,SAAS,EAAE,yBAAyB,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,QAAQ,IAAI,YAAY,CAAC,CAAC,CACzG,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,EAAE,CAAC,CACN,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import type { ComponentProps } from 'react';
|
|
2
2
|
import { TextColorTypes } from '../../../theme';
|
|
3
|
-
export declare const H3: ({ color,
|
|
3
|
+
export declare const H3: ({ color, disabled, className, children, ...props }: {
|
|
4
4
|
color?: TextColorTypes;
|
|
5
|
-
container?: boolean;
|
|
6
5
|
disabled?: boolean;
|
|
7
|
-
} & Omit<ComponentProps<
|
|
6
|
+
} & Omit<ComponentProps<'h3'>, 'color'>) => import("react").JSX.Element;
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { useTranslations } from 'next-intl';
|
|
4
4
|
import { getTextColorTypeClassName, TextColorTypes } from '../../../theme';
|
|
5
|
-
export const H3 = ({ color = TextColorTypes.main,
|
|
5
|
+
export const H3 = ({ color = TextColorTypes.main, disabled, className, children, ...props }) => {
|
|
6
6
|
const t = useTranslations();
|
|
7
7
|
const translatedChildren = typeof children === 'string' ? t(children) : children;
|
|
8
|
-
return (<h3 className={classNames(className, getTextColorTypeClassName(color
|
|
8
|
+
return (<h3 className={classNames(className, getTextColorTypeClassName(color), 'text-xl', disabled && 'opacity-50')} {...props}>
|
|
9
9
|
{translatedChildren}
|
|
10
10
|
</h3>);
|
|
11
11
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/H3/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE1E,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/H3/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE1E,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAI6B,EAAE,EAAE;IACzC,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,MAAM,kBAAkB,GAAc,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC3F,OAAO,CACL,CAAC,EAAE,CACD,SAAS,CAAC,CAAC,UAAU,CAAC,SAAS,EAAE,yBAAyB,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,QAAQ,IAAI,YAAY,CAAC,CAAC,CACxG,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,EAAE,CAAC,CACN,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import type { ComponentProps } from 'react';
|
|
2
2
|
import { TextColorTypes } from '../../../theme';
|
|
3
|
-
export declare const H4: ({ color,
|
|
3
|
+
export declare const H4: ({ color, disabled, className, children, ...props }: {
|
|
4
4
|
color?: TextColorTypes;
|
|
5
|
-
container?: boolean;
|
|
6
5
|
disabled?: boolean;
|
|
7
|
-
} & Omit<ComponentProps<
|
|
6
|
+
} & Omit<ComponentProps<'h4'>, 'color'>) => import("react").JSX.Element;
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { useTranslations } from 'next-intl';
|
|
4
4
|
import { getTextColorTypeClassName, TextColorTypes } from '../../../theme';
|
|
5
|
-
export const H4 = ({ color = TextColorTypes.main,
|
|
5
|
+
export const H4 = ({ color = TextColorTypes.main, disabled, className, children, ...props }) => {
|
|
6
6
|
const t = useTranslations();
|
|
7
7
|
const translatedChildren = typeof children === 'string' ? t(children) : children;
|
|
8
|
-
return (<h4 className={classNames(className, getTextColorTypeClassName(color
|
|
8
|
+
return (<h4 className={classNames(className, getTextColorTypeClassName(color), 'text-lg', disabled && 'opacity-50')} {...props}>
|
|
9
9
|
{translatedChildren}
|
|
10
10
|
</h4>);
|
|
11
11
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/H4/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE1E,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/H4/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE1E,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAI6B,EAAE,EAAE;IACzC,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,MAAM,kBAAkB,GAAc,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC3F,OAAO,CACL,CAAC,EAAE,CACD,SAAS,CAAC,CAAC,UAAU,CAAC,SAAS,EAAE,yBAAyB,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,QAAQ,IAAI,YAAY,CAAC,CAAC,CACxG,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,EAAE,CAAC,CACN,CAAA;AACH,CAAC,CAAA"}
|