@kcascend/liquid-ui 0.0.3 → 0.0.5

package/dist/governance/checkboxGovernance.d.ts.map

@@ -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,mBAUhC,CAAC"}
+{"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"}

package/dist/governance/checkboxGovernance.js

@@ -1,10 +1,11 @@
 export const checkboxGovernance = {
-    figmaUrl: 'https://www.figma.com/design/a9SMb2IjyRedfsaUMGXIyP/Liquid-DS---01-Components?node-id=178-70&m=dev',
-    figmaNodeId: '178:70',
+    figmaUrl: 'https://www.figma.com/design/a9SMb2IjyRedfsaUMGXIyP/Liquid-DS---01-Components?node-id=1849-239&m=dev',
+    figmaNodeId: '1849:239',
     accessibilityNotes: [
         'Always pair the checkbox with a visible label via the label prop or aria-label when the label is hidden.',
         'The indeterminate state must be set via the indeterminate prop; it cannot be expressed in HTML alone.',
-        'Group related checkboxes inside a <fieldset> with a <legend> to provide shared context for assistive technology.',
+        'Use CheckboxGroup to wrap related checkboxes; it renders a <fieldset> with a <legend> to provide shared context for assistive technology.',
         'The checkbox receives focus via the native input, ensuring keyboard navigation works without additional intervention.',
+        '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.',
     ],
 };

package/dist/index.d.ts

@@ -2,12 +2,13 @@ export { Accordion } from './components/Accordion/Accordion';
 export { Breadcrumb } from './components/Breadcrumb/Breadcrumb';
 export { Button } from './components/Button/Button';
 export { Card } from './components/Card/Card';
-export { Checkbox } from './components/Checkbox/Checkbox';
+export { Checkbox, CheckboxGroup } from './components/Checkbox/Checkbox';
 export { ContainedList } from './components/ContainedList/ContainedList';
 export { DataTable } from './components/DataTable/DataTable';
 export { DescriptionList } from './components/DescriptionList/DescriptionList';
 export { Form, FormItem, FormRow } from './components/Form/Form';
 export { GridColumn, GridLayout } from './components/GridLayout/GridLayout';
+export { approvedContentLayoutPatterns, approvedShellRows, getApprovedContentLayoutColumns, } from './components/GridLayout/layoutPatterns';
 export { HeaderShell } from './components/HeaderShell/HeaderShell';
 export { Icon, iconNames } from './components/Icon/Icon';
 export { Index } from './components/Index/Index';
@@ -53,6 +54,6 @@ export { tooltipGovernance } from './governance/tooltipGovernance';
 export { toggleInputGovernance } from './governance/toggleInputGovernance';
 export { tokens } from './generated/tokens';
 export type { Tokens } from './generated/tokens';
-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';
+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, ApprovedShellRowConfig, 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';
 export type { IconName, IconProps } from './components/Icon/Icon';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -2,12 +2,13 @@ export { Accordion } from './components/Accordion/Accordion';
 export { Breadcrumb } from './components/Breadcrumb/Breadcrumb';
 export { Button } from './components/Button/Button';
 export { Card } from './components/Card/Card';
-export { Checkbox } from './components/Checkbox/Checkbox';
+export { Checkbox, CheckboxGroup } from './components/Checkbox/Checkbox';
 export { ContainedList } from './components/ContainedList/ContainedList';
 export { DataTable } from './components/DataTable/DataTable';
 export { DescriptionList } from './components/DescriptionList/DescriptionList';
 export { Form, FormItem, FormRow } from './components/Form/Form';
 export { GridColumn, GridLayout } from './components/GridLayout/GridLayout';
+export { approvedContentLayoutPatterns, approvedShellRows, getApprovedContentLayoutColumns, } from './components/GridLayout/layoutPatterns';
 export { HeaderShell } from './components/HeaderShell/HeaderShell';
 export { Icon, iconNames } from './components/Icon/Icon';
 export { Index } from './components/Index/Index';

package/dist/styles.css

@@ -99,6 +99,7 @@
   --primitives-color-alpha-white-25: #ffffff40;
   --primitives-color-alpha-black-60: #00000099;
   --primitives-space-0: 0px;
+  --primitives-space-1: 1px;
   --primitives-space-2: 2px;
   --primitives-space-4: 4px;
   --primitives-space-8: 8px;
@@ -402,13 +403,13 @@
   --semantic-color-focus-focus-inverse: var(--primitives-color-base-white);
   --semantic-color-focus-focus-inset: var(--primitives-color-base-white);
   --semantic-color-overlay-scrim: var(--primitives-color-alpha-black-60);
-  --semantic-color-tag-background-neutral: var(--primitives-color-gray-10);
-  --semantic-color-tag-background-blue: var(--primitives-color-blue-10);
-  --semantic-color-tag-background-green: var(--primitives-color-green-10);
-  --semantic-color-tag-background-purple: var(--primitives-color-purple-10);
+  --semantic-color-tag-background-neutral: var(--primitives-color-gray-20);
+  --semantic-color-tag-background-blue: var(--primitives-color-blue-20);
+  --semantic-color-tag-background-green: var(--primitives-color-green-20);
+  --semantic-color-tag-background-purple: var(--primitives-color-purple-20);
   --semantic-color-tag-text-neutral: var(--primitives-color-gray-100);
   --semantic-color-tag-text-blue: var(--primitives-color-blue-70);
-  --semantic-color-tag-text-green: var(--primitives-color-green-80);
+  --semantic-color-tag-text-green: var(--primitives-color-green-70);
   --semantic-color-tag-text-purple: var(--primitives-color-purple-70);
   --semantic-layout-inset-sm: var(--primitives-space-12);
   --semantic-layout-inset-md: var(--primitives-space-16);
@@ -433,6 +434,7 @@
   --semantic-layout-inline-md: var(--primitives-space-16);
   --semantic-layout-inline-lg: var(--primitives-space-24);
   --semantic-layout-inline-xl: var(--semantic-layout-spacing-32);
+  --semantic-layout-inline-2xs: var(--primitives-space-4);
   --semantic-layout-icon-sm: var(--primitives-size-20);
   --semantic-layout-icon-md: var(--primitives-size-24);
   --semantic-layout-icon-lg: var(--primitives-size-32);
@@ -486,6 +488,16 @@
   --semantic-type-display-display-02-size: var(--primitives-typography-size-60);
   --semantic-type-display-display-02-line-height: var(--primitives-typography-line-height-70);
   --semantic-type-display-display-02-letter-spacing: var(--primitives-typography-letter-spacing-minus-016);
+  --semantic-type-display-display-mobile-01-family: var(--primitives-typography-family-roboto-condensed);
+  --semantic-type-display-display-mobile-01-weight: var(--primitives-typography-weight-semibold);
+  --semantic-type-display-display-mobile-01-size: var(--primitives-typography-size-48);
+  --semantic-type-display-display-mobile-01-line-height: var(--primitives-typography-line-height-56);
+  --semantic-type-display-display-mobile-01-letter-spacing: var(--primitives-typography-letter-spacing-0);
+  --semantic-type-display-display-mobile-02-family: var(--primitives-typography-family-roboto-condensed);
+  --semantic-type-display-display-mobile-02-weight: var(--primitives-typography-weight-semibold);
+  --semantic-type-display-display-mobile-02-size: var(--primitives-typography-size-40);
+  --semantic-type-display-display-mobile-02-line-height: var(--primitives-typography-line-height-48);
+  --semantic-type-display-display-mobile-02-letter-spacing: var(--primitives-typography-letter-spacing-0);
   --semantic-type-heading-heading-01-family: var(--primitives-typography-family-roboto-condensed);
   --semantic-type-heading-heading-01-weight: var(--primitives-typography-weight-medium);
   --semantic-type-heading-heading-01-size: var(--primitives-typography-size-54);
@@ -516,6 +528,26 @@
   --semantic-type-heading-heading-compact-02-size: var(--primitives-typography-size-16);
   --semantic-type-heading-heading-compact-02-line-height: var(--primitives-typography-line-height-24);
   --semantic-type-heading-heading-compact-02-letter-spacing: var(--primitives-typography-letter-spacing-0);
+  --semantic-type-heading-heading-mobile-01-family: var(--primitives-typography-family-roboto-condensed);
+  --semantic-type-heading-heading-mobile-01-weight: var(--primitives-typography-weight-medium);
+  --semantic-type-heading-heading-mobile-01-size: var(--primitives-typography-size-36);
+  --semantic-type-heading-heading-mobile-01-line-height: var(--primitives-typography-line-height-44);
+  --semantic-type-heading-heading-mobile-01-letter-spacing: var(--primitives-typography-letter-spacing-0);
+  --semantic-type-heading-heading-mobile-02-family: var(--primitives-typography-family-roboto-condensed);
+  --semantic-type-heading-heading-mobile-02-weight: var(--primitives-typography-weight-medium);
+  --semantic-type-heading-heading-mobile-02-size: var(--primitives-typography-size-32);
+  --semantic-type-heading-heading-mobile-02-line-height: var(--primitives-typography-line-height-40);
+  --semantic-type-heading-heading-mobile-02-letter-spacing: var(--primitives-typography-letter-spacing-0);
+  --semantic-type-heading-heading-mobile-03-family: var(--primitives-typography-family-roboto-condensed);
+  --semantic-type-heading-heading-mobile-03-weight: var(--primitives-typography-weight-medium);
+  --semantic-type-heading-heading-mobile-03-size: var(--primitives-typography-size-28);
+  --semantic-type-heading-heading-mobile-03-line-height: var(--primitives-typography-line-height-36);
+  --semantic-type-heading-heading-mobile-03-letter-spacing: var(--primitives-typography-letter-spacing-0);
+  --semantic-type-heading-heading-mobile-04-family: var(--primitives-typography-family-roboto-condensed);
+  --semantic-type-heading-heading-mobile-04-weight: var(--primitives-typography-weight-medium);
+  --semantic-type-heading-heading-mobile-04-size: var(--primitives-typography-size-20);
+  --semantic-type-heading-heading-mobile-04-line-height: var(--primitives-typography-line-height-28);
+  --semantic-type-heading-heading-mobile-04-letter-spacing: var(--primitives-typography-letter-spacing-0);
   --semantic-type-body-lg-family: var(--primitives-typography-family-cabin);
   --semantic-type-body-lg-size: var(--primitives-typography-size-18);
   --semantic-type-body-lg-line-height: var(--primitives-typography-line-height-28);
@@ -702,13 +734,20 @@
   --component-card-typography-detail-letter-spacing-value: 0.16px;
   --component-checkbox-background-checked: var(--semantic-color-text-text-primary);
   --component-checkbox-background-checked-disabled: var(--semantic-color-border-border-disabled);
-  --component-checkbox-border-default: var(--semantic-color-border-border-strong);
+  --component-checkbox-border-default: var(--semantic-color-icon-icon-primary);
   --component-checkbox-border-hover: var(--semantic-color-text-text-primary);
   --component-checkbox-border-focus: var(--semantic-color-focus-focus);
+  --component-checkbox-border-error: var(--semantic-color-border-border-error);
   --component-checkbox-border-disabled: var(--semantic-color-border-border-disabled);
+  --component-checkbox-icon-check: var(--primitives-color-base-white);
+  --component-checkbox-icon-default: var(--semantic-color-icon-icon-primary);
+  --component-checkbox-icon-disabled: var(--semantic-color-icon-icon-disabled);
   --component-checkbox-text-label: var(--semantic-color-text-text-primary);
   --component-checkbox-text-label-disabled: var(--semantic-color-text-text-disabled);
-  --component-checkbox-icon-check: var(--primitives-color-base-white);
+  --component-checkbox-group-label-text: var(--semantic-color-text-text-secondary);
+  --component-checkbox-helper-text: var(--semantic-color-text-text-helper);
+  --component-checkbox-error-text: var(--semantic-color-text-text-error);
+  --component-checkbox-warning-text: var(--semantic-color-text-text-primary);
   --component-checkbox-label-family: var(--primitives-typography-family-cabin);
   --component-checkbox-label-size: var(--primitives-typography-size-12);
   --component-checkbox-label-line-height: var(--primitives-typography-line-height-16);
@@ -717,6 +756,14 @@
   --component-checkbox-layout-label-gap: var(--primitives-space-4);
   --component-checkbox-layout-radius: var(--primitives-radius-0);
   --component-checkbox-layout-border-width: var(--primitives-stroke-1);
+  --component-checkbox-group-label-gap: var(--semantic-layout-stack-sm);
+  --component-checkbox-group-item-gap-vertical: var(--semantic-layout-stack-xs);
+  --component-checkbox-group-control-label-gap: var(--semantic-layout-inline-xs);
+  --component-checkbox-group-helper-gap: var(--semantic-layout-stack-xs);
+  --component-checkbox-group-group-label-text: var(--semantic-color-text-text-secondary);
+  --component-checkbox-group-helper-text: var(--semantic-color-text-text-helper);
+  --component-checkbox-group-error-text: var(--semantic-color-text-text-error);
+  --component-checkbox-group-warning-text: var(--semantic-color-text-text-primary);
   --component-contained-list-layout-width: 320px;
   --component-contained-list-layout-padding-x: var(--primitives-space-16);
   --component-contained-list-layout-divider-width: var(--primitives-stroke-1);
@@ -1092,13 +1139,13 @@
   --component-tag-layout-height-md: var(--semantic-layout-control-height-compact-md);
   --component-tag-layout-padding-x-sm: var(--semantic-layout-inset-xs);
   --component-tag-layout-padding-x-md: var(--semantic-layout-inset-sm);
-  --component-tag-color-background-neutral: var(--semantic-color-surface-surface-01);
-  --component-tag-color-background-blue: #EDF5FF;
-  --component-tag-color-background-green: #DEFBE6;
-  --component-tag-color-background-purple: #F6F2FF;
+  --component-tag-color-background-neutral: #E0E0E0;
+  --component-tag-color-background-blue: #D0E2FF;
+  --component-tag-color-background-green: #A7F0BA;
+  --component-tag-color-background-purple: #E8DAFF;
   --component-tag-color-text-neutral: var(--semantic-color-text-text-primary);
   --component-tag-color-text-blue: #0043CE;
-  --component-tag-color-text-green: #044317;
+  --component-tag-color-text-green: #0E6027;
   --component-tag-color-text-purple: #6929C4;
   --component-tag-typography-label-font-family: var(--semantic-type-label-label-02-family);
   --component-tag-typography-label-font-weight: var(--semantic-type-label-label-02-weight);
@@ -1531,7 +1578,6 @@
 .liquid-card__container {
   display: flex;
   flex-direction: column;
-  width: 100%;
   background: var(--component-card-color-surface-default, #f4f4f4);
   border: 1px solid transparent;
   padding: var(--component-card-layout-padding-y, 16px)
@@ -1728,7 +1774,7 @@
   transition:
     background-color 120ms ease,
     border-color 120ms ease;
-    position: relative;
+  position: relative;
 }
 
 /* ── Check / Dash icons – hidden until their state applies ── */
@@ -1832,6 +1878,67 @@
   border: 0;
 }
 
+/* ─────────────────────────────────────────
+   CheckboxGroup – token-driven styles
+   ───────────────────────────────────────── */
+
+.liquid-checkbox-group {
+  border: 0;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: var(--component-checkbox-group-label-gap, 8px);
+}
+
+.liquid-checkbox-group__legend {
+  font-family: var(--component-checkbox-group-label-family, Cabin);
+  font-size: var(--component-checkbox-group-label-size, 12px);
+  font-weight: 500;
+  line-height: var(--component-checkbox-group-label-line-height, 16px);
+  letter-spacing: var(--component-checkbox-group-label-letter-spacing, 0.32px);
+  color: var(--component-checkbox-group-label-text, #525252);
+   padding-bottom: 8px;
+}
+
+/* options + helper wrapper — gap controls spacing between items and helper text */
+.liquid-checkbox-group__options-helper {
+  display: flex;
+  flex-direction: column;
+  gap: var(--component-checkbox-group-helper-gap, 4px);
+}
+
+.liquid-checkbox-group__items {
+  display: flex;
+  flex-direction: column;
+  gap: var(--component-checkbox-group-item-gap-vertical, 4px);
+}
+
+/* Override checkbox control-label gap when inside a group */
+.liquid-checkbox-group .liquid-checkbox {
+  gap: var(--component-checkbox-group-control-label-gap, 8px);
+}
+
+.liquid-checkbox-group__status {
+  font-family: var(--component-checkbox-group-helper-family, Cabin);
+  font-size: var(--component-checkbox-group-helper-size, 12px);
+  font-weight: 400;
+  line-height: var(--component-checkbox-group-helper-line-height, 16px);
+  letter-spacing: var(--component-checkbox-group-helper-letter-spacing, 0.32px);
+}
+
+.liquid-checkbox-group__status--helper {
+  color: var(--component-checkbox-group-helper-text, #6f6f6f);
+}
+
+.liquid-checkbox-group__status--error {
+  color: var(--component-checkbox-group-error-text, #da1e28);
+}
+
+.liquid-checkbox-group__status--warning {
+  color: var(--component-checkbox-group-warning-text, #161616);
+}
+
 .liquid-contained-list {
   width: min(100%, var(--component-contained-list-layout-width, 320px));
 }
@@ -2615,12 +2722,14 @@
 }
 
 @media (max-width: 671px) {
-  .liquid-header-shell[data-mobile-menu-enabled='true'] .liquid-header-shell__inner {
+  .liquid-header-shell[data-mobile-menu-enabled='true']
+    .liquid-header-shell__inner {
     position: relative;
     justify-content: flex-start;
   }
 
-  .liquid-header-shell[data-mobile-menu-enabled='true'] .liquid-header-shell__left {
+  .liquid-header-shell[data-mobile-menu-enabled='true']
+    .liquid-header-shell__left {
     width: 100%;
   }
 
@@ -2629,23 +2738,28 @@
     padding-inline: 8px;
   }
 
-  .liquid-header-shell[data-mobile-menu-enabled='true'] .liquid-header-shell__brand {
+  .liquid-header-shell[data-mobile-menu-enabled='true']
+    .liquid-header-shell__brand {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     padding-inline: 8px;
   }
 
-  .liquid-header-shell[data-mobile-menu-enabled='true'] .liquid-header-shell__nav,
-  .liquid-header-shell[data-mobile-menu-enabled='true'] .liquid-header-shell__actions {
+  .liquid-header-shell[data-mobile-menu-enabled='true']
+    .liquid-header-shell__nav,
+  .liquid-header-shell[data-mobile-menu-enabled='true']
+    .liquid-header-shell__actions {
     display: none;
   }
 
-  .liquid-header-shell[data-mobile-menu-enabled='true'] .liquid-header-shell__menu-trigger {
+  .liquid-header-shell[data-mobile-menu-enabled='true']
+    .liquid-header-shell__menu-trigger {
     display: inline-flex;
   }
 
-  .liquid-header-shell[data-mobile-menu-enabled='true'] .liquid-header-shell__right-spacer {
+  .liquid-header-shell[data-mobile-menu-enabled='true']
+    .liquid-header-shell__right-spacer {
     display: block;
     width: var(
       --component-header-shell-menu-trigger-size,
@@ -2655,7 +2769,8 @@
     margin-left: auto;
   }
 
-  .liquid-header-shell[data-mobile-menu-enabled='true'] .liquid-header-shell__mobile-accordion {
+  .liquid-header-shell[data-mobile-menu-enabled='true']
+    .liquid-header-shell__mobile-accordion {
     display: block;
     border-top: 1px solid var(--component-header-shell-divider, #e0e0e0);
     background: var(--component-header-shell-background, #ffffff);
@@ -4031,29 +4146,29 @@
 }
 
 .liquid-tag[data-color='neutral'] {
-  background: var(--component-tag-color-background-neutral, #f4f4f4);
+  background: var(--component-tag-color-background-neutral, #e0e0e0);
   color: var(--component-tag-color-text-neutral, #161616);
 }
 
 .liquid-tag[data-color='blue'] {
-  background: var(--component-tag-color-background-blue, #edf5ff);
+  background: var(--component-tag-color-background-blue, #d0e2ff);
   color: var(--component-tag-color-text-blue, #0043ce);
 }
 
 .liquid-tag[data-color='green'] {
-  background: var(--component-tag-color-background-green, #defbe6);
-  color: var(--component-tag-color-text-green, #044317);
+  background: var(--component-tag-color-background-green, #a7f0ba);
+  color: var(--component-tag-color-text-green, #0e6027);
 }
 
 .liquid-tag[data-color='purple'] {
-  background: var(--component-tag-color-background-purple, #f6f2ff);
+  background: var(--component-tag-color-background-purple, #e8daff);
   color: var(--component-tag-color-text-purple, #6929c4);
 }
 
 .liquid-tag__label {
   font-family: var(--component-tag-typography-label-font-family, Cabin);
   font-size: var(--component-tag-typography-label-font-size, 12px);
-  font-weight: var(--component-tag-typography-label-font-weight, 500);
+  font-weight: 500;
   line-height: var(--component-tag-typography-label-line-height, 16px);
   letter-spacing: var(--component-tag-typography-label-letter-spacing, 0.32px);
 }

package/dist/tokens/components.css

@@ -142,13 +142,20 @@
   --component-card-typography-detail-letter-spacing-value: 0.16px;
   --component-checkbox-background-checked: var(--semantic-color-text-text-primary);
   --component-checkbox-background-checked-disabled: var(--semantic-color-border-border-disabled);
-  --component-checkbox-border-default: var(--semantic-color-border-border-strong);
+  --component-checkbox-border-default: var(--semantic-color-icon-icon-primary);
   --component-checkbox-border-hover: var(--semantic-color-text-text-primary);
   --component-checkbox-border-focus: var(--semantic-color-focus-focus);
+  --component-checkbox-border-error: var(--semantic-color-border-border-error);
   --component-checkbox-border-disabled: var(--semantic-color-border-border-disabled);
+  --component-checkbox-icon-check: var(--primitives-color-base-white);
+  --component-checkbox-icon-default: var(--semantic-color-icon-icon-primary);
+  --component-checkbox-icon-disabled: var(--semantic-color-icon-icon-disabled);
   --component-checkbox-text-label: var(--semantic-color-text-text-primary);
   --component-checkbox-text-label-disabled: var(--semantic-color-text-text-disabled);
-  --component-checkbox-icon-check: var(--primitives-color-base-white);
+  --component-checkbox-group-label-text: var(--semantic-color-text-text-secondary);
+  --component-checkbox-helper-text: var(--semantic-color-text-text-helper);
+  --component-checkbox-error-text: var(--semantic-color-text-text-error);
+  --component-checkbox-warning-text: var(--semantic-color-text-text-primary);
   --component-checkbox-label-family: var(--primitives-typography-family-cabin);
   --component-checkbox-label-size: var(--primitives-typography-size-12);
   --component-checkbox-label-line-height: var(--primitives-typography-line-height-16);
@@ -157,6 +164,14 @@
   --component-checkbox-layout-label-gap: var(--primitives-space-4);
   --component-checkbox-layout-radius: var(--primitives-radius-0);
   --component-checkbox-layout-border-width: var(--primitives-stroke-1);
+  --component-checkbox-group-label-gap: var(--semantic-layout-stack-sm);
+  --component-checkbox-group-item-gap-vertical: var(--semantic-layout-stack-xs);
+  --component-checkbox-group-control-label-gap: var(--semantic-layout-inline-xs);
+  --component-checkbox-group-helper-gap: var(--semantic-layout-stack-xs);
+  --component-checkbox-group-group-label-text: var(--semantic-color-text-text-secondary);
+  --component-checkbox-group-helper-text: var(--semantic-color-text-text-helper);
+  --component-checkbox-group-error-text: var(--semantic-color-text-text-error);
+  --component-checkbox-group-warning-text: var(--semantic-color-text-text-primary);
   --component-contained-list-layout-width: 320px;
   --component-contained-list-layout-padding-x: var(--primitives-space-16);
   --component-contained-list-layout-divider-width: var(--primitives-stroke-1);
@@ -532,13 +547,13 @@
   --component-tag-layout-height-md: var(--semantic-layout-control-height-compact-md);
   --component-tag-layout-padding-x-sm: var(--semantic-layout-inset-xs);
   --component-tag-layout-padding-x-md: var(--semantic-layout-inset-sm);
-  --component-tag-color-background-neutral: var(--semantic-color-surface-surface-01);
-  --component-tag-color-background-blue: #EDF5FF;
-  --component-tag-color-background-green: #DEFBE6;
-  --component-tag-color-background-purple: #F6F2FF;
+  --component-tag-color-background-neutral: #E0E0E0;
+  --component-tag-color-background-blue: #D0E2FF;
+  --component-tag-color-background-green: #A7F0BA;
+  --component-tag-color-background-purple: #E8DAFF;
   --component-tag-color-text-neutral: var(--semantic-color-text-text-primary);
   --component-tag-color-text-blue: #0043CE;
-  --component-tag-color-text-green: #044317;
+  --component-tag-color-text-green: #0E6027;
   --component-tag-color-text-purple: #6929C4;
   --component-tag-typography-label-font-family: var(--semantic-type-label-label-02-family);
   --component-tag-typography-label-font-weight: var(--semantic-type-label-label-02-weight);

package/dist/tokens/primitives.css

@@ -96,6 +96,7 @@
   --primitives-color-alpha-white-25: #ffffff40;
   --primitives-color-alpha-black-60: #00000099;
   --primitives-space-0: 0px;
+  --primitives-space-1: 1px;
   --primitives-space-2: 2px;
   --primitives-space-4: 4px;
   --primitives-space-8: 8px;

package/dist/tokens/semantic.css

@@ -219,13 +219,13 @@
   --semantic-color-focus-focus-inverse: var(--primitives-color-base-white);
   --semantic-color-focus-focus-inset: var(--primitives-color-base-white);
   --semantic-color-overlay-scrim: var(--primitives-color-alpha-black-60);
-  --semantic-color-tag-background-neutral: var(--primitives-color-gray-10);
-  --semantic-color-tag-background-blue: var(--primitives-color-blue-10);
-  --semantic-color-tag-background-green: var(--primitives-color-green-10);
-  --semantic-color-tag-background-purple: var(--primitives-color-purple-10);
+  --semantic-color-tag-background-neutral: var(--primitives-color-gray-20);
+  --semantic-color-tag-background-blue: var(--primitives-color-blue-20);
+  --semantic-color-tag-background-green: var(--primitives-color-green-20);
+  --semantic-color-tag-background-purple: var(--primitives-color-purple-20);
   --semantic-color-tag-text-neutral: var(--primitives-color-gray-100);
   --semantic-color-tag-text-blue: var(--primitives-color-blue-70);
-  --semantic-color-tag-text-green: var(--primitives-color-green-80);
+  --semantic-color-tag-text-green: var(--primitives-color-green-70);
   --semantic-color-tag-text-purple: var(--primitives-color-purple-70);
   --semantic-layout-inset-sm: var(--primitives-space-12);
   --semantic-layout-inset-md: var(--primitives-space-16);
@@ -250,6 +250,7 @@
   --semantic-layout-inline-md: var(--primitives-space-16);
   --semantic-layout-inline-lg: var(--primitives-space-24);
   --semantic-layout-inline-xl: var(--semantic-layout-spacing-32);
+  --semantic-layout-inline-2xs: var(--primitives-space-4);
   --semantic-layout-icon-sm: var(--primitives-size-20);
   --semantic-layout-icon-md: var(--primitives-size-24);
   --semantic-layout-icon-lg: var(--primitives-size-32);
@@ -303,6 +304,16 @@
   --semantic-type-display-display-02-size: var(--primitives-typography-size-60);
   --semantic-type-display-display-02-line-height: var(--primitives-typography-line-height-70);
   --semantic-type-display-display-02-letter-spacing: var(--primitives-typography-letter-spacing-minus-016);
+  --semantic-type-display-display-mobile-01-family: var(--primitives-typography-family-roboto-condensed);
+  --semantic-type-display-display-mobile-01-weight: var(--primitives-typography-weight-semibold);
+  --semantic-type-display-display-mobile-01-size: var(--primitives-typography-size-48);
+  --semantic-type-display-display-mobile-01-line-height: var(--primitives-typography-line-height-56);
+  --semantic-type-display-display-mobile-01-letter-spacing: var(--primitives-typography-letter-spacing-0);
+  --semantic-type-display-display-mobile-02-family: var(--primitives-typography-family-roboto-condensed);
+  --semantic-type-display-display-mobile-02-weight: var(--primitives-typography-weight-semibold);
+  --semantic-type-display-display-mobile-02-size: var(--primitives-typography-size-40);
+  --semantic-type-display-display-mobile-02-line-height: var(--primitives-typography-line-height-48);
+  --semantic-type-display-display-mobile-02-letter-spacing: var(--primitives-typography-letter-spacing-0);
   --semantic-type-heading-heading-01-family: var(--primitives-typography-family-roboto-condensed);
   --semantic-type-heading-heading-01-weight: var(--primitives-typography-weight-medium);
   --semantic-type-heading-heading-01-size: var(--primitives-typography-size-54);
@@ -333,6 +344,26 @@
   --semantic-type-heading-heading-compact-02-size: var(--primitives-typography-size-16);
   --semantic-type-heading-heading-compact-02-line-height: var(--primitives-typography-line-height-24);
   --semantic-type-heading-heading-compact-02-letter-spacing: var(--primitives-typography-letter-spacing-0);
+  --semantic-type-heading-heading-mobile-01-family: var(--primitives-typography-family-roboto-condensed);
+  --semantic-type-heading-heading-mobile-01-weight: var(--primitives-typography-weight-medium);
+  --semantic-type-heading-heading-mobile-01-size: var(--primitives-typography-size-36);
+  --semantic-type-heading-heading-mobile-01-line-height: var(--primitives-typography-line-height-44);
+  --semantic-type-heading-heading-mobile-01-letter-spacing: var(--primitives-typography-letter-spacing-0);
+  --semantic-type-heading-heading-mobile-02-family: var(--primitives-typography-family-roboto-condensed);
+  --semantic-type-heading-heading-mobile-02-weight: var(--primitives-typography-weight-medium);
+  --semantic-type-heading-heading-mobile-02-size: var(--primitives-typography-size-32);
+  --semantic-type-heading-heading-mobile-02-line-height: var(--primitives-typography-line-height-40);
+  --semantic-type-heading-heading-mobile-02-letter-spacing: var(--primitives-typography-letter-spacing-0);
+  --semantic-type-heading-heading-mobile-03-family: var(--primitives-typography-family-roboto-condensed);
+  --semantic-type-heading-heading-mobile-03-weight: var(--primitives-typography-weight-medium);
+  --semantic-type-heading-heading-mobile-03-size: var(--primitives-typography-size-28);
+  --semantic-type-heading-heading-mobile-03-line-height: var(--primitives-typography-line-height-36);
+  --semantic-type-heading-heading-mobile-03-letter-spacing: var(--primitives-typography-letter-spacing-0);
+  --semantic-type-heading-heading-mobile-04-family: var(--primitives-typography-family-roboto-condensed);
+  --semantic-type-heading-heading-mobile-04-weight: var(--primitives-typography-weight-medium);
+  --semantic-type-heading-heading-mobile-04-size: var(--primitives-typography-size-20);
+  --semantic-type-heading-heading-mobile-04-line-height: var(--primitives-typography-line-height-28);
+  --semantic-type-heading-heading-mobile-04-letter-spacing: var(--primitives-typography-letter-spacing-0);
   --semantic-type-body-lg-family: var(--primitives-typography-family-cabin);
   --semantic-type-body-lg-size: var(--primitives-typography-size-18);
   --semantic-type-body-lg-line-height: var(--primitives-typography-line-height-28);

package/dist/types.d.ts

@@ -118,6 +118,20 @@ export interface GridColumnProps extends Omit<HTMLAttributes<HTMLElement>, 'chil
     sm?: GridColumnValue;
     xlg?: GridColumnValue;
 }
+export type GridResponsiveColumnProps = Pick<GridColumnProps, 'sm' | 'md' | 'lg' | 'xlg' | 'max'>;
+export interface ApprovedShellRowConfig {
+    description: string;
+    layout: Pick<GridLayoutProps, 'fullWidth' | 'withRowGap'>;
+}
+export interface ApprovedContentLayoutPattern {
+    description: string;
+    guidance: string;
+    regions: {
+        primary: GridResponsiveColumnProps;
+        secondary?: GridResponsiveColumnProps;
+        tertiary?: GridResponsiveColumnProps;
+    };
+}
 export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
     children: ReactNode;
     variant?: ButtonVariant;
@@ -255,6 +269,15 @@ export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement
     hideLabel?: boolean;
     style?: CSSProperties;
 }
+export interface CheckboxGroupProps {
+    legend?: string;
+    helperText?: string;
+    errorText?: string;
+    warningText?: string;
+    className?: string;
+    style?: CSSProperties;
+    children: ReactNode;
+}
 export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'children' | 'className' | 'type'> {
     className?: string;
     label?: string;