@kcascend/liquid-ui 0.0.4 → 0.0.6
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/README.md +66 -61
- package/dist/components/Checkbox/Checkbox.d.ts +2 -1
- package/dist/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/Checkbox/Checkbox.js +9 -0
- package/dist/components/DataTable/DataTable.d.ts +1 -1
- package/dist/components/DataTable/DataTable.d.ts.map +1 -1
- package/dist/components/DataTable/DataTable.js +12 -12
- package/dist/components/GridLayout/layoutPatterns.d.ts +8 -0
- package/dist/components/GridLayout/layoutPatterns.d.ts.map +1 -0
- package/dist/components/GridLayout/layoutPatterns.js +317 -0
- package/dist/components/HeaderShell/HeaderShell.d.ts +1 -1
- package/dist/components/HeaderShell/HeaderShell.d.ts.map +1 -1
- package/dist/components/HeaderShell/HeaderShell.js +46 -17
- package/dist/generated/tokens.d.ts +863 -65
- package/dist/generated/tokens.d.ts.map +1 -1
- package/dist/generated/tokens.js +863 -65
- package/dist/governance/checkboxGovernance.d.ts.map +1 -1
- package/dist/governance/checkboxGovernance.js +4 -3
- package/dist/governance/gridLayoutGovernance.d.ts.map +1 -1
- package/dist/governance/gridLayoutGovernance.js +6 -5
- package/dist/index.d.ts +3 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -1
- package/dist/styles.css +3741 -3609
- package/dist/tokens/components.css +22 -7
- package/dist/tokens/primitives.css +1 -0
- package/dist/tokens/semantic.css +36 -5
- package/dist/types.d.ts +44 -0
- package/dist/types.d.ts.map +1 -1
- package/package.json +33 -33
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkboxGovernance.d.ts","sourceRoot":"","sources":["../../src/governance/checkboxGovernance.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,eAAO,MAAM,kBAAkB,EAAE,
|
|
1
|
+
{"version":3,"file":"checkboxGovernance.d.ts","sourceRoot":"","sources":["../../src/governance/checkboxGovernance.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,eAAO,MAAM,kBAAkB,EAAE,mBAWhC,CAAC"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
export const checkboxGovernance = {
|
|
2
|
-
figmaUrl: 'https://www.figma.com/design/a9SMb2IjyRedfsaUMGXIyP/Liquid-DS---01-Components?node-id=
|
|
3
|
-
figmaNodeId: '
|
|
2
|
+
figmaUrl: 'https://www.figma.com/design/a9SMb2IjyRedfsaUMGXIyP/Liquid-DS---01-Components?node-id=1849-239&m=dev',
|
|
3
|
+
figmaNodeId: '1849:239',
|
|
4
4
|
accessibilityNotes: [
|
|
5
5
|
'Always pair the checkbox with a visible label via the label prop or aria-label when the label is hidden.',
|
|
6
6
|
'The indeterminate state must be set via the indeterminate prop; it cannot be expressed in HTML alone.',
|
|
7
|
-
'
|
|
7
|
+
'Use CheckboxGroup to wrap related checkboxes; it renders a <fieldset> with a <legend> to provide shared context for assistive technology.',
|
|
8
8
|
'The checkbox receives focus via the native input, ensuring keyboard navigation works without additional intervention.',
|
|
9
|
+
'When using CheckboxGroup with errorText or warningText, the status message is rendered as plain text adjacent to the group; connect it to the group via aria-describedby if required by your validation pattern.',
|
|
9
10
|
],
|
|
10
11
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gridLayoutGovernance.d.ts","sourceRoot":"","sources":["../../src/governance/gridLayoutGovernance.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,eAAO,MAAM,oBAAoB,EAAE,
|
|
1
|
+
{"version":3,"file":"gridLayoutGovernance.d.ts","sourceRoot":"","sources":["../../src/governance/gridLayoutGovernance.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,eAAO,MAAM,oBAAoB,EAAE,mBAUlC,CAAC"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
export const gridLayoutGovernance = {
|
|
2
|
-
figmaUrl: 'https://www.figma.com/design/a9SMb2IjyRedfsaUMGXIyP/Liquid-DS---01-Components?node-id=
|
|
3
|
-
figmaNodeId: '
|
|
2
|
+
figmaUrl: 'https://www.figma.com/design/a9SMb2IjyRedfsaUMGXIyP/Liquid-DS---01-Components?node-id=1764-4&m=dev',
|
|
3
|
+
figmaNodeId: '1764:4',
|
|
4
4
|
accessibilityNotes: [
|
|
5
|
-
'Treat
|
|
6
|
-
'
|
|
7
|
-
'
|
|
5
|
+
'Treat layout examples as reference-only intent; validate runtime behavior in code for focus order, keyboard interaction, zoom, reflow, and localization.',
|
|
6
|
+
'Use geometry terminology consistently: Wide = 32px gutters, Narrow = 16px gutters, and Condensed = 1px gutters.',
|
|
7
|
+
'Do not allow page-level horizontal overflow; constrain horizontal scrolling to labeled data regions only when required.',
|
|
8
|
+
'Preserve DOM, reading, and task order alignment when layouts stack, drill in, or disclose at smaller breakpoints.',
|
|
8
9
|
],
|
|
9
10
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -2,12 +2,13 @@ export { Accordion } from './components/Accordion/Accordion';
|
|
|
2
2
|
export { Breadcrumb } from './components/Breadcrumb/Breadcrumb';
|
|
3
3
|
export { Button } from './components/Button/Button';
|
|
4
4
|
export { Card } from './components/Card/Card';
|
|
5
|
-
export { Checkbox } from './components/Checkbox/Checkbox';
|
|
5
|
+
export { Checkbox, CheckboxGroup } from './components/Checkbox/Checkbox';
|
|
6
6
|
export { ContainedList } from './components/ContainedList/ContainedList';
|
|
7
7
|
export { DataTable } from './components/DataTable/DataTable';
|
|
8
8
|
export { DescriptionList } from './components/DescriptionList/DescriptionList';
|
|
9
9
|
export { Form, FormItem, FormRow } from './components/Form/Form';
|
|
10
10
|
export { GridColumn, GridLayout } from './components/GridLayout/GridLayout';
|
|
11
|
+
export { approvedContentLayoutPatterns, approvedShellRows, canonicalModernizationLayoutPatterns, getApprovedContentLayoutColumns, getCanonicalModernizationLayoutPattern, legacyToCanonicalLayoutPatternMap, } from './components/GridLayout/layoutPatterns';
|
|
11
12
|
export { HeaderShell } from './components/HeaderShell/HeaderShell';
|
|
12
13
|
export { Icon, iconNames } from './components/Icon/Icon';
|
|
13
14
|
export { Index } from './components/Index/Index';
|
|
@@ -53,6 +54,6 @@ export { tooltipGovernance } from './governance/tooltipGovernance';
|
|
|
53
54
|
export { toggleInputGovernance } from './governance/toggleInputGovernance';
|
|
54
55
|
export { tokens } from './generated/tokens';
|
|
55
56
|
export type { Tokens } from './generated/tokens';
|
|
56
|
-
export type { AccordionItem, AccordionProps, BreadcrumbItem, BreadcrumbProps, ButtonProps, ButtonSize, ButtonVariant, CardDetailItem, CardProps, CheckboxProps, ContainedListItem, ContainedListProps, ContainedListVariant, DataTableCellAlignment, DataTableColumn, DataTableProps, DataTableRow, DescriptionListItem, DescriptionListProps, FormItemProps, FormProps, FormRowProps, GridBreakpoint, GridColumnProps, GridColumnSpan, GridColumnValue, GridLayoutProps, HeaderShellNavigationItem, HeaderShellProps, HeaderShellUtilityAction, InlineNotificationKind, InlineNotificationProps, InlineNotificationStatus, IndexItem, IndexProps, LinkAppearance, LinkProps, LinkSize, LinkState, ModalFooterLayout, ModalProps, ModalTone, PaginationProps, ComponentGovernance, RadioProps, SearchInputProps, SelectInputOption, SelectInputProps, SelectInputSize, SelectInputTone, StructuredListCellAlignment, StructuredListColumn, StructuredListProps, StructuredListRow, TagColor, TagProps, TagSize, TabsItem, TabsOrientation, TabsProps, TooltipAlignment, TooltipPosition, TooltipProps, ToggleInputProps, ToggleInputSize, TokenShowcaseCardProps, TextInputProps, TextInputSize, TextInputTone, TextAreaProps, TextAreaSize, TextAreaTone, } from './types';
|
|
57
|
+
export type { AccordionItem, AccordionProps, BreadcrumbItem, BreadcrumbProps, ButtonProps, ButtonSize, ButtonVariant, CardDetailItem, CardProps, CheckboxGroupProps, CheckboxProps, ContainedListItem, ContainedListProps, ContainedListVariant, DataTableCellAlignment, DataTableColumn, DataTableProps, DataTableRow, DescriptionListItem, DescriptionListProps, FormItemProps, FormProps, FormRowProps, GridBreakpoint, GridColumnProps, GridColumnSpan, GridColumnValue, GridLayoutProps, GridResponsiveColumnProps, ApprovedContentLayoutPattern, ApprovedLegacyContentLayoutPatternName, ApprovedShellRowConfig, CanonicalLayoutPattern, CanonicalLayoutPatternName, GridGeometryMode, HeaderShellNavigationItem, HeaderShellProps, HeaderShellUtilityAction, InlineNotificationKind, InlineNotificationProps, InlineNotificationStatus, IndexItem, IndexProps, LinkAppearance, LinkProps, LinkSize, LinkState, ModalFooterLayout, ModalProps, ModalTone, LayoutAdaptiveBehavior, LayoutScrollOwner, LayoutPatternBreakpoint, CanonicalLayoutPatternRegion, PaginationProps, ComponentGovernance, RadioProps, SearchInputProps, SelectInputOption, SelectInputProps, SelectInputSize, SelectInputTone, StructuredListCellAlignment, StructuredListColumn, StructuredListProps, StructuredListRow, TagColor, TagProps, TagSize, TabsItem, TabsOrientation, TabsProps, TooltipAlignment, TooltipPosition, TooltipProps, ToggleInputProps, ToggleInputSize, TokenShowcaseCardProps, TextInputProps, TextInputSize, TextInputTone, TextAreaProps, TextAreaSize, TextAreaTone, } from './types';
|
|
57
58
|
export type { IconName, IconProps } from './components/Icon/Icon';
|
|
58
59
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -2,12 +2,13 @@ export { Accordion } from './components/Accordion/Accordion';
|
|
|
2
2
|
export { Breadcrumb } from './components/Breadcrumb/Breadcrumb';
|
|
3
3
|
export { Button } from './components/Button/Button';
|
|
4
4
|
export { Card } from './components/Card/Card';
|
|
5
|
-
export { Checkbox } from './components/Checkbox/Checkbox';
|
|
5
|
+
export { Checkbox, CheckboxGroup } from './components/Checkbox/Checkbox';
|
|
6
6
|
export { ContainedList } from './components/ContainedList/ContainedList';
|
|
7
7
|
export { DataTable } from './components/DataTable/DataTable';
|
|
8
8
|
export { DescriptionList } from './components/DescriptionList/DescriptionList';
|
|
9
9
|
export { Form, FormItem, FormRow } from './components/Form/Form';
|
|
10
10
|
export { GridColumn, GridLayout } from './components/GridLayout/GridLayout';
|
|
11
|
+
export { approvedContentLayoutPatterns, approvedShellRows, canonicalModernizationLayoutPatterns, getApprovedContentLayoutColumns, getCanonicalModernizationLayoutPattern, legacyToCanonicalLayoutPatternMap, } from './components/GridLayout/layoutPatterns';
|
|
11
12
|
export { HeaderShell } from './components/HeaderShell/HeaderShell';
|
|
12
13
|
export { Icon, iconNames } from './components/Icon/Icon';
|
|
13
14
|
export { Index } from './components/Index/Index';
|