@tcn/ui 0.3.3 → 0.5.0
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/Color-6BZIO3FS-CWWwv-fq.js +1004 -0
- package/dist/Color-6BZIO3FS-CWWwv-fq.js.map +1 -0
- package/dist/{WithTooltip-IO6J4KBT-B1oq93K5.js → WithTooltip-65CFNBJE-DvcUZizH.js} +4 -4
- package/dist/WithTooltip-65CFNBJE-DvcUZizH.js.map +1 -0
- package/dist/actions/__docs__/components/showcase.d.ts.map +1 -1
- package/dist/actions/__docs__/components/showcase.js +1 -1
- package/dist/actions/button/base_button/base_button.d.ts +2 -4
- package/dist/actions/button/base_button/base_button.d.ts.map +1 -1
- package/dist/actions/button/base_button/base_button.js +35 -35
- package/dist/actions/button/base_button/base_button.js.map +1 -1
- package/dist/actions/button/button/button.d.ts +7 -1
- package/dist/actions/button/button/button.d.ts.map +1 -1
- package/dist/actions/button/button/button.js +9 -7
- package/dist/actions/button/button/button.js.map +1 -1
- package/dist/actions/button/slim_button/slim_button.d.ts +6 -1
- package/dist/actions/button/slim_button/slim_button.d.ts.map +1 -1
- package/dist/actions/button/slim_button/slim_button.js +13 -14
- package/dist/actions/button/slim_button/slim_button.js.map +1 -1
- package/dist/actions/toggle/toggle.d.ts +9 -0
- package/dist/actions/toggle/toggle.d.ts.map +1 -0
- package/dist/actions/toggle/toggle.js +21 -0
- package/dist/actions/toggle/toggle.js.map +1 -0
- package/dist/feedback/lazy/lazy.js +3 -3
- package/dist/formatter-EIJCOSYU-D6nmx63h.js +6 -0
- package/dist/formatter-EIJCOSYU-D6nmx63h.js.map +1 -0
- package/dist/inputs/mask_input/mask.d.ts.map +1 -1
- package/dist/inputs/mask_input/mask.js.map +1 -1
- package/dist/inputs/multiselect/multiselect_inline_values.js +3 -2
- package/dist/inputs/multiselect/multiselect_inline_values.js.map +1 -1
- package/dist/inputs/multiselect/multiselect_values.js +3 -2
- package/dist/inputs/multiselect/multiselect_values.js.map +1 -1
- package/dist/layouts/index.d.ts +3 -1
- package/dist/layouts/index.d.ts.map +1 -1
- package/dist/layouts/index.js +22 -18
- package/dist/layouts/index.js.map +1 -1
- package/dist/layouts/row/row.d.ts +4 -0
- package/dist/layouts/row/row.d.ts.map +1 -0
- package/dist/layouts/row/row.js +11 -0
- package/dist/layouts/row/row.js.map +1 -0
- package/dist/layouts/section/heading.d.ts +7 -0
- package/dist/layouts/section/heading.d.ts.map +1 -0
- package/dist/layouts/section/heading.js +9 -0
- package/dist/layouts/section/heading.js.map +1 -0
- package/dist/layouts/section/section.d.ts +4 -0
- package/dist/layouts/section/section.d.ts.map +1 -0
- package/dist/layouts/section/section.js +22 -0
- package/dist/layouts/section/section.js.map +1 -0
- package/dist/navigation/tabs/primitives/tabs_list.d.ts.map +1 -1
- package/dist/navigation/tabs/primitives/tabs_list.js +17 -24
- package/dist/navigation/tabs/primitives/tabs_list.js.map +1 -1
- package/dist/overlay/carrot/base_carrot.d.ts +8 -0
- package/dist/overlay/carrot/base_carrot.d.ts.map +1 -0
- package/dist/overlay/carrot/base_carrot.js +21 -0
- package/dist/overlay/carrot/base_carrot.js.map +1 -0
- package/dist/row.css +1 -0
- package/dist/section.css +1 -0
- package/dist/section.module-0wyGkhDg.js +5 -0
- package/dist/section.module-0wyGkhDg.js.map +1 -0
- package/dist/{showcase-WfP6kBEb.js → showcase-DK557szS.js} +18018 -16269
- package/dist/showcase-DK557szS.js.map +1 -0
- package/dist/surfaces/pop_confirm/pop_confirm.js +6 -3
- package/dist/surfaces/pop_confirm/pop_confirm.js.map +1 -1
- package/dist/{syntaxhighlighter-IQDEPFLK-BX_eF8__.js → syntaxhighlighter-ED5Y7EFY-DaMS-2cF.js} +54 -54
- package/dist/syntaxhighlighter-ED5Y7EFY-DaMS-2cF.js.map +1 -0
- package/dist/themes/themes/ergo/ergo_theme.css +1 -1
- package/dist/themes/themes/ergo/ergo_theme.js +403 -263
- package/dist/themes/themes/ergo/ergo_theme.js.map +1 -1
- package/dist/themes/themes/windows_98/windows_98.css +1 -1
- package/dist/themes/themes/windows_98/windows_98_theme.js +108 -1
- package/dist/themes/themes/windows_98/windows_98_theme.js.map +1 -1
- package/dist/tokens/index.d.ts +2 -0
- package/dist/tokens/index.d.ts.map +1 -1
- package/dist/tokens/index.js +5 -1
- package/dist/tokens/index.js.map +1 -1
- package/dist/tokens/key/key.d.ts +3 -0
- package/dist/tokens/key/key.d.ts.map +1 -0
- package/dist/tokens/key/key.js +8 -0
- package/dist/tokens/key/key.js.map +1 -0
- package/dist/tokens/value/value.d.ts +3 -0
- package/dist/tokens/value/value.d.ts.map +1 -0
- package/dist/tokens/value/value.js +8 -0
- package/dist/tokens/value/value.js.map +1 -0
- package/package.json +1 -1
- package/src/actions/__docs__/actions.mdx +159 -34
- package/src/actions/__docs__/actions.stories.tsx +416 -101
- package/src/actions/__docs__/components/showcase.tsx +10 -6
- package/src/actions/button/__stories__/button.stories.tsx +10 -0
- package/src/actions/button/__stories__/toggle.stories.tsx +177 -0
- package/src/actions/button/base_button/base_button.tsx +8 -10
- package/src/actions/button/button/button.tsx +11 -2
- package/src/actions/button/slim_button/slim_button.tsx +20 -13
- package/src/actions/toggle/toggle.tsx +26 -0
- package/src/inputs/mask_input/mask.ts +7 -1
- package/src/layouts/index.ts +4 -2
- package/src/layouts/row/row.module.css +5 -0
- package/src/layouts/row/row.tsx +15 -0
- package/src/layouts/section/__stories__/section.stories.module.css +6 -0
- package/src/layouts/section/__stories__/section.stories.tsx +152 -0
- package/src/layouts/section/heading.tsx +16 -0
- package/src/layouts/section/section.module.css +41 -0
- package/src/layouts/section/section.tsx +21 -0
- package/src/navigation/tabs/primitives/tabs_list.tsx +5 -6
- package/src/overlay/carrot/base_carrot.tsx +24 -0
- package/src/overlay/carrot/carrot.stories.tsx +54 -0
- package/src/surfaces/card/card.stories.tsx +14 -14
- package/src/surfaces/modal/__stories__/modal.stories.tsx +16 -7
- package/src/surfaces/window/window.stories.tsx +16 -10
- package/src/themes/themes/ergo/__stories__/components/material_picker/sb_inverted_materials.module.css +4 -4
- package/src/themes/themes/ergo/__stories__/components/tone_picker/sb_tone_picker.module.css +3 -0
- package/src/themes/themes/ergo/__stories__/components/tone_picker/sb_tone_picker.tsx +5 -2
- package/src/themes/themes/ergo/__stories__/material.stories.tsx +2 -2
- package/src/themes/themes/ergo/__stories__/sb_materials.module.css +31 -26
- package/src/themes/themes/ergo/ergo_theme.css +400 -260
- package/src/themes/themes/windows_98/windows_98.css +108 -1
- package/src/tokens/index.ts +2 -0
- package/src/tokens/key/key.tsx +10 -0
- package/src/tokens/value/value.tsx +10 -0
- package/tsconfig.json +6 -0
- package/dist/Color-ASIRERSW-B4GaVKuQ.js +0 -990
- package/dist/Color-ASIRERSW-B4GaVKuQ.js.map +0 -1
- package/dist/WithTooltip-IO6J4KBT-B1oq93K5.js.map +0 -1
- package/dist/formatter-QJ4M4OGQ-DaIl2Wi_.js +0 -6
- package/dist/formatter-QJ4M4OGQ-DaIl2Wi_.js.map +0 -1
- package/dist/layouts/list/section_header.d.ts +0 -6
- package/dist/layouts/list/section_header.d.ts.map +0 -1
- package/dist/layouts/list/section_header.js +0 -22
- package/dist/layouts/list/section_header.js.map +0 -1
- package/dist/showcase-WfP6kBEb.js.map +0 -1
- package/dist/syntaxhighlighter-IQDEPFLK-BX_eF8__.js.map +0 -1
- package/src/layouts/list/section_header.module.css +0 -20
- package/src/layouts/list/section_header.tsx +0 -21
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
@layer tcn-system {
|
|
2
|
-
:where(.section-header) {
|
|
3
|
-
position: sticky;
|
|
4
|
-
top: 0;
|
|
5
|
-
left: 0;
|
|
6
|
-
z-index: 1;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
:where(.section-header[data-hierarchy="primary"]) {
|
|
10
|
-
background-color: #f1f1f1;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
:where(.section-header[data-hierarchy="secondary"]) {
|
|
14
|
-
background-color: #f1f1f1;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
:where(.section-header[data-hierarchy="tertiary"]) {
|
|
18
|
-
background-color: #f1f1f1;
|
|
19
|
-
}
|
|
20
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { HStack } from '../../stacks/h_stack.js';
|
|
3
|
-
import type { HStackProps } from '../../stacks/h_stack.js';
|
|
4
|
-
import clsx from 'clsx';
|
|
5
|
-
|
|
6
|
-
export interface SectionHeaderProps extends Omit<HStackProps, 'as'> {}
|
|
7
|
-
|
|
8
|
-
export const SectionHeader = React.forwardRef<HTMLDivElement, SectionHeaderProps>(
|
|
9
|
-
function SectionHeader({ children, className, ...props }: SectionHeaderProps, ref) {
|
|
10
|
-
return (
|
|
11
|
-
<HStack
|
|
12
|
-
ref={ref}
|
|
13
|
-
as="li"
|
|
14
|
-
className={clsx(className, 'tcn-section-header')}
|
|
15
|
-
{...props}
|
|
16
|
-
>
|
|
17
|
-
{children}
|
|
18
|
-
</HStack>
|
|
19
|
-
);
|
|
20
|
-
}
|
|
21
|
-
);
|