jvetrau-ds 0.2.39 → 0.2.41

package/base.css

@@ -47,6 +47,13 @@ a:active {
   text-decoration: underline;
 }
 
+.icon {
+  /* color */
+  --icon-color: var(--color-text);
+
+  color: var(--icon-color);
+}
+
 /* src/base/typography.css */
 body {
   /* typography */

package/components/course-outline/course-outline.css

@@ -90,6 +90,8 @@
     var(--font-body-letter-spacing);
 
   /* size */
+  --course-outline-group-gap:
+    var(--margin-item);
 
   /* border */
 

package/components/table/table.cjs

@@ -78,7 +78,12 @@ const TableCell = ({
     "table__cell",
     className,
     {
-      "table__cell--status": status !== void 0
+      "table__cell--status": status !== void 0,
+      "table__cell--good": status === "good",
+      "table__cell--semi-good": status === "semi-good",
+      "table__cell--med": status === "med",
+      "table__cell--semi-bad": status === "semi-bad",
+      "table__cell--bad": status === "bad"
     }
   );
   if (!status) {
@@ -91,23 +96,12 @@ const TableCell = ({
       }
     );
   }
-  const statusClasses = classnames.classnames(
-    "table__cell-status",
-    "",
-    {
-      "table__cell-status--good": status === "good",
-      "table__cell-status--semi-good": status === "semi-good",
-      "table__cell-status--med": status === "med",
-      "table__cell-status--semi-bad": status === "semi-bad",
-      "table__cell-status--bad": status === "bad"
-    }
-  );
   return /* @__PURE__ */ jsxRuntime.jsx(
     "td",
     {
       className: classes,
       ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: statusClasses, children })
+      children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "table__cell-status", children })
     }
   );
 };

package/components/table/table.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/table/table.tsx"],"names":["classnames","jsx","jsxs"],"mappings":"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","file":"table.cjs","sourcesContent":["import React from 'react';\n\nimport './table.css';\nimport { classnames } from '../helpers/classnames';\n\nexport type TableColumnWidth =\n  | {\n      type: 'auto';\n    }\n  | {\n      type: 'max';\n    }\n  | {\n      type: 'fraction';\n      value: number;\n    }\n  | {\n      type: 'min';\n    }\n  | {\n      type: 'fixed';\n      value: string;\n    };\n\nexport type TableCellStatus =\n  | 'good'\n  | 'semi-good'\n  | 'med'\n  | 'semi-bad'\n  | 'bad';\n\nexport interface TableColumn {\n  id: React.Key;\n  header: React.ReactNode;\n  width?: TableColumnWidth;\n}\n\nexport interface TableProps\n  extends React.TableHTMLAttributes<HTMLTableElement> {\n  columns: TableColumn[];\n}\n\nexport interface TableBodyProps\n  extends React.HTMLAttributes<HTMLTableSectionElement> {}\n\nexport interface TableRowProps\n  extends React.HTMLAttributes<HTMLTableRowElement> {}\n\nexport interface TableCellProps\n  extends React.TdHTMLAttributes<HTMLTableCellElement> {\n  status?: TableCellStatus;\n}\n\nconst getFractionTotal = (\n  columns: TableColumn[],\n) =>\n  columns.reduce((total, column) => {\n    if (\n      column.width?.type !== 'fraction' ||\n      column.width.value <= 0\n    ) {\n      return total;\n    }\n\n    return total + column.width.value;\n  }, 0);\n\nconst getFractionPercentage = (\n  value: number,\n  total: number,\n) =>\n  Number(\n    ((value / total) * 100).toFixed(6),\n  );\n\nconst getColumnWidth = (\n  width: TableColumnWidth | undefined,\n  fractionTotal: number,\n): React.CSSProperties['width'] => {\n  if (!width || width.type === 'auto') {\n    return undefined;\n  }\n\n  if (width.type === 'min') {\n    return '1%';\n  }\n\n  if (width.type === 'max') {\n    return '100%';\n  }\n\n  if (width.type === 'fixed') {\n    return width.value;\n  }\n\n  if (\n    width.value <= 0 ||\n    fractionTotal <= 0\n  ) {\n    return undefined;\n  }\n\n  return `${getFractionPercentage(\n    width.value,\n    fractionTotal,\n  )}%`;\n};\n\nconst TableBody: React.FC<\n  TableBodyProps\n> = ({\n  className = '',\n  ...props\n}) => {\n  const classes = classnames(\n    'table__body',\n    className,\n    {},\n  );\n\n  return (\n    <tbody\n      className={classes}\n      {...props}\n    />\n  );\n};\n\nconst TableRow: React.FC<\n  TableRowProps\n> = ({\n  className = '',\n  ...props\n}) => {\n  const classes = classnames(\n    'table__row',\n    className,\n    {},\n  );\n\n  return (\n    <tr\n      className={classes}\n      {...props}\n    />\n  );\n};\n\nconst TableCell: React.FC<\n  TableCellProps\n> = ({\n  status,\n  className = '',\n  children,\n  ...props\n}) => {\n  const classes = classnames(\n    'table__cell',\n    className,\n    {\n      'table__cell--status':\n        status !== undefined,\n    },\n  );\n\n  if (!status) {\n    return (\n      <td\n        className={classes}\n        {...props}\n      >\n        {children}\n      </td>\n    );\n  }\n\n  const statusClasses = classnames(\n    'table__cell-status',\n    '',\n    {\n      'table__cell-status--good':\n        status === 'good',\n      'table__cell-status--semi-good':\n        status === 'semi-good',\n      'table__cell-status--med':\n        status === 'med',\n      'table__cell-status--semi-bad':\n        status === 'semi-bad',\n      'table__cell-status--bad':\n        status === 'bad',\n    },\n  );\n\n  return (\n    <td\n      className={classes}\n      {...props}\n    >\n      <span className={statusClasses}>\n        {children}\n      </span>\n    </td>\n  );\n};\n\ninterface TableComponent\n  extends React.FC<TableProps> {\n  Body: typeof TableBody;\n  Row: typeof TableRow;\n  Cell: typeof TableCell;\n}\n\nconst Table: TableComponent = ({\n  columns,\n  className = '',\n  children,\n  ...props\n}) => {\n  const classes = classnames(\n    'table',\n    className,\n    {},\n  );\n\n  const fractionTotal =\n    getFractionTotal(columns);\n\n  return (\n    <table\n      className={classes}\n      {...props}\n    >\n      <colgroup>\n        {columns.map((column) => (\n          <col\n            key={column.id}\n            style={{\n              width: getColumnWidth(\n                column.width,\n                fractionTotal,\n              ),\n            }}\n          />\n        ))}\n      </colgroup>\n\n      <thead className=\"table__head\">\n        <tr className=\"table__row\">\n          {columns.map((column) => (\n            <th\n              key={column.id}\n              className=\"table__header\"\n              scope=\"col\"\n            >\n              {column.header}\n            </th>\n          ))}\n        </tr>\n      </thead>\n\n      {children}\n    </table>\n  );\n};\n\nTable.Body = TableBody;\nTable.Row = TableRow;\nTable.Cell = TableCell;\n\nexport default Table;\n"]}
+{"version":3,"sources":["../../../src/components/table/table.tsx"],"names":["classnames","jsx","jsxs"],"mappings":"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","file":"table.cjs","sourcesContent":["import React from 'react';\n\nimport './table.css';\nimport { classnames } from '../helpers/classnames';\n\nexport type TableColumnWidth =\n  | {\n      type: 'auto';\n    }\n  | {\n      type: 'max';\n    }\n  | {\n      type: 'fraction';\n      value: number;\n    }\n  | {\n      type: 'min';\n    }\n  | {\n      type: 'fixed';\n      value: string;\n    };\n\nexport type TableCellStatus =\n  | 'good'\n  | 'semi-good'\n  | 'med'\n  | 'semi-bad'\n  | 'bad';\n\nexport interface TableColumn {\n  id: React.Key;\n  header: React.ReactNode;\n  width?: TableColumnWidth;\n}\n\nexport interface TableProps\n  extends React.TableHTMLAttributes<HTMLTableElement> {\n  columns: TableColumn[];\n}\n\nexport interface TableBodyProps\n  extends React.HTMLAttributes<HTMLTableSectionElement> {}\n\nexport interface TableRowProps\n  extends React.HTMLAttributes<HTMLTableRowElement> {}\n\nexport interface TableCellProps\n  extends React.TdHTMLAttributes<HTMLTableCellElement> {\n  status?: TableCellStatus;\n}\n\nconst getFractionTotal = (\n  columns: TableColumn[],\n) =>\n  columns.reduce((total, column) => {\n    if (\n      column.width?.type !== 'fraction' ||\n      column.width.value <= 0\n    ) {\n      return total;\n    }\n\n    return total + column.width.value;\n  }, 0);\n\nconst getFractionPercentage = (\n  value: number,\n  total: number,\n) =>\n  Number(\n    ((value / total) * 100).toFixed(6),\n  );\n\nconst getColumnWidth = (\n  width: TableColumnWidth | undefined,\n  fractionTotal: number,\n): React.CSSProperties['width'] => {\n  if (!width || width.type === 'auto') {\n    return undefined;\n  }\n\n  if (width.type === 'min') {\n    return '1%';\n  }\n\n  if (width.type === 'max') {\n    return '100%';\n  }\n\n  if (width.type === 'fixed') {\n    return width.value;\n  }\n\n  if (\n    width.value <= 0 ||\n    fractionTotal <= 0\n  ) {\n    return undefined;\n  }\n\n  return `${getFractionPercentage(\n    width.value,\n    fractionTotal,\n  )}%`;\n};\n\nconst TableBody: React.FC<\n  TableBodyProps\n> = ({\n  className = '',\n  ...props\n}) => {\n  const classes = classnames(\n    'table__body',\n    className,\n    {},\n  );\n\n  return (\n    <tbody\n      className={classes}\n      {...props}\n    />\n  );\n};\n\nconst TableRow: React.FC<\n  TableRowProps\n> = ({\n  className = '',\n  ...props\n}) => {\n  const classes = classnames(\n    'table__row',\n    className,\n    {},\n  );\n\n  return (\n    <tr\n      className={classes}\n      {...props}\n    />\n  );\n};\n\nconst TableCell: React.FC<\n  TableCellProps\n> = ({\n  status,\n  className = '',\n  children,\n  ...props\n}) => {\n  const classes = classnames(\n    'table__cell',\n    className,\n    {\n      'table__cell--status':\n        status !== undefined,\n      'table__cell--good':\n        status === 'good',\n      'table__cell--semi-good':\n        status === 'semi-good',\n      'table__cell--med':\n        status === 'med',\n      'table__cell--semi-bad':\n        status === 'semi-bad',\n      'table__cell--bad':\n        status === 'bad',\n    },\n  );\n\n  if (!status) {\n    return (\n      <td\n        className={classes}\n        {...props}\n      >\n        {children}\n      </td>\n    );\n  }\n\n  return (\n    <td\n      className={classes}\n      {...props}\n    >\n      <span className=\"table__cell-status\">\n        {children}\n      </span>\n    </td>\n  );\n};\n\ninterface TableComponent\n  extends React.FC<TableProps> {\n  Body: typeof TableBody;\n  Row: typeof TableRow;\n  Cell: typeof TableCell;\n}\n\nconst Table: TableComponent = ({\n  columns,\n  className = '',\n  children,\n  ...props\n}) => {\n  const classes = classnames(\n    'table',\n    className,\n    {},\n  );\n\n  const fractionTotal =\n    getFractionTotal(columns);\n\n  return (\n    <table\n      className={classes}\n      {...props}\n    >\n      <colgroup>\n        {columns.map((column) => (\n          <col\n            key={column.id}\n            style={{\n              width: getColumnWidth(\n                column.width,\n                fractionTotal,\n              ),\n            }}\n          />\n        ))}\n      </colgroup>\n\n      <thead className=\"table__head\">\n        <tr className=\"table__row\">\n          {columns.map((column) => (\n            <th\n              key={column.id}\n              className=\"table__header\"\n              scope=\"col\"\n            >\n              {column.header}\n            </th>\n          ))}\n        </tr>\n      </thead>\n\n      {children}\n    </table>\n  );\n};\n\nTable.Body = TableBody;\nTable.Row = TableRow;\nTable.Cell = TableCell;\n\nexport default Table;\n"]}

package/components/table/table.css

@@ -3,6 +3,8 @@
   --table-color: var(--color-text);
   --table-border-color: var(--color-line-grid);
 
+  color: var(--table-color);
+
   /* typography */
   --table-font-family: var(--font-h4-family);
   --table-font-size: var(--font-h4);
@@ -151,6 +153,8 @@
 
 .table__cell--status {
   /* color */
+  background-color:
+    var(--table-cell-status-color);
 
   /* typography */
 
@@ -166,6 +170,14 @@
 
 .table__cell--status:first-child {
   /* color */
+  background:
+    linear-gradient(
+      to right,
+      transparent
+        var(--padding-table-horz),
+      var(--table-cell-status-color)
+        var(--padding-table-horz)
+    );
 
   /* typography */
 
@@ -181,6 +193,14 @@
 
 .table__cell--status:last-child {
   /* color */
+  background:
+    linear-gradient(
+      to left,
+      transparent
+        var(--padding-table-horz),
+      var(--table-cell-status-color)
+        var(--padding-table-horz)
+    );
 
   /* typography */
 
@@ -194,6 +214,39 @@
   /* motion */
 }
 
+.table__cell--status:first-child:last-child {
+  /* color */
+  background:
+    linear-gradient(
+      to right,
+      transparent
+        var(--padding-table-horz),
+      var(--table-cell-status-color)
+        var(--padding-table-horz),
+      var(--table-cell-status-color)
+        calc(
+          100% -
+          var(--padding-table-horz)
+        ),
+      transparent
+        calc(
+          100% -
+          var(--padding-table-horz)
+        )
+    );
+
+  /* typography */
+
+  /* size */
+  padding-inline: var(--padding-table-horz);
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
+}
+
 .table__cell-status {
   /* color */
 
@@ -213,9 +266,11 @@
   /* motion */
 }
 
-.table__cell-status--good {
+.table__cell--good {
   /* color */
-  background-color: var(--color-good);
+  --table-cell-status-color:
+    var(--color-good);
+
   color: var(--color-text-primary-1);
 
   /* typography */
@@ -229,9 +284,11 @@
   /* motion */
 }
 
-.table__cell-status--semi-good {
+.table__cell--semi-good {
   /* color */
-  background-color: var(--color-semi-good);
+  --table-cell-status-color:
+    var(--color-semi-good);
+
   color: var(--color-text-primary-1);
 
   /* typography */
@@ -245,9 +302,10 @@
   /* motion */
 }
 
-.table__cell-status--med {
+.table__cell--med {
   /* color */
-  background-color: var(--color-med);
+  --table-cell-status-color:
+    var(--color-med);
 
   /* typography */
 
@@ -260,9 +318,10 @@
   /* motion */
 }
 
-.table__cell-status--semi-bad {
+.table__cell--semi-bad {
   /* color */
-  background-color: var(--color-semi-bad);
+  --table-cell-status-color:
+    var(--color-semi-bad);
 
   /* typography */
 
@@ -275,9 +334,10 @@
   /* motion */
 }
 
-.table__cell-status--bad {
+.table__cell--bad {
   /* color */
-  background-color: var(--color-bad);
+  --table-cell-status-color:
+    var(--color-bad);
 
   /* typography */
 

package/components/table/table.js

@@ -76,7 +76,12 @@ const TableCell = ({
     "table__cell",
     className,
     {
-      "table__cell--status": status !== void 0
+      "table__cell--status": status !== void 0,
+      "table__cell--good": status === "good",
+      "table__cell--semi-good": status === "semi-good",
+      "table__cell--med": status === "med",
+      "table__cell--semi-bad": status === "semi-bad",
+      "table__cell--bad": status === "bad"
     }
   );
   if (!status) {
@@ -89,23 +94,12 @@ const TableCell = ({
       }
     );
   }
-  const statusClasses = classnames(
-    "table__cell-status",
-    "",
-    {
-      "table__cell-status--good": status === "good",
-      "table__cell-status--semi-good": status === "semi-good",
-      "table__cell-status--med": status === "med",
-      "table__cell-status--semi-bad": status === "semi-bad",
-      "table__cell-status--bad": status === "bad"
-    }
-  );
   return /* @__PURE__ */ jsx(
     "td",
     {
       className: classes,
       ...props,
-      children: /* @__PURE__ */ jsx("span", { className: statusClasses, children })
+      children: /* @__PURE__ */ jsx("span", { className: "table__cell-status", children })
     }
   );
 };

package/components/table/table.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/table/table.tsx"],"names":[],"mappings":"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","file":"table.js","sourcesContent":["import React from 'react';\n\nimport './table.css';\nimport { classnames } from '../helpers/classnames';\n\nexport type TableColumnWidth =\n  | {\n      type: 'auto';\n    }\n  | {\n      type: 'max';\n    }\n  | {\n      type: 'fraction';\n      value: number;\n    }\n  | {\n      type: 'min';\n    }\n  | {\n      type: 'fixed';\n      value: string;\n    };\n\nexport type TableCellStatus =\n  | 'good'\n  | 'semi-good'\n  | 'med'\n  | 'semi-bad'\n  | 'bad';\n\nexport interface TableColumn {\n  id: React.Key;\n  header: React.ReactNode;\n  width?: TableColumnWidth;\n}\n\nexport interface TableProps\n  extends React.TableHTMLAttributes<HTMLTableElement> {\n  columns: TableColumn[];\n}\n\nexport interface TableBodyProps\n  extends React.HTMLAttributes<HTMLTableSectionElement> {}\n\nexport interface TableRowProps\n  extends React.HTMLAttributes<HTMLTableRowElement> {}\n\nexport interface TableCellProps\n  extends React.TdHTMLAttributes<HTMLTableCellElement> {\n  status?: TableCellStatus;\n}\n\nconst getFractionTotal = (\n  columns: TableColumn[],\n) =>\n  columns.reduce((total, column) => {\n    if (\n      column.width?.type !== 'fraction' ||\n      column.width.value <= 0\n    ) {\n      return total;\n    }\n\n    return total + column.width.value;\n  }, 0);\n\nconst getFractionPercentage = (\n  value: number,\n  total: number,\n) =>\n  Number(\n    ((value / total) * 100).toFixed(6),\n  );\n\nconst getColumnWidth = (\n  width: TableColumnWidth | undefined,\n  fractionTotal: number,\n): React.CSSProperties['width'] => {\n  if (!width || width.type === 'auto') {\n    return undefined;\n  }\n\n  if (width.type === 'min') {\n    return '1%';\n  }\n\n  if (width.type === 'max') {\n    return '100%';\n  }\n\n  if (width.type === 'fixed') {\n    return width.value;\n  }\n\n  if (\n    width.value <= 0 ||\n    fractionTotal <= 0\n  ) {\n    return undefined;\n  }\n\n  return `${getFractionPercentage(\n    width.value,\n    fractionTotal,\n  )}%`;\n};\n\nconst TableBody: React.FC<\n  TableBodyProps\n> = ({\n  className = '',\n  ...props\n}) => {\n  const classes = classnames(\n    'table__body',\n    className,\n    {},\n  );\n\n  return (\n    <tbody\n      className={classes}\n      {...props}\n    />\n  );\n};\n\nconst TableRow: React.FC<\n  TableRowProps\n> = ({\n  className = '',\n  ...props\n}) => {\n  const classes = classnames(\n    'table__row',\n    className,\n    {},\n  );\n\n  return (\n    <tr\n      className={classes}\n      {...props}\n    />\n  );\n};\n\nconst TableCell: React.FC<\n  TableCellProps\n> = ({\n  status,\n  className = '',\n  children,\n  ...props\n}) => {\n  const classes = classnames(\n    'table__cell',\n    className,\n    {\n      'table__cell--status':\n        status !== undefined,\n    },\n  );\n\n  if (!status) {\n    return (\n      <td\n        className={classes}\n        {...props}\n      >\n        {children}\n      </td>\n    );\n  }\n\n  const statusClasses = classnames(\n    'table__cell-status',\n    '',\n    {\n      'table__cell-status--good':\n        status === 'good',\n      'table__cell-status--semi-good':\n        status === 'semi-good',\n      'table__cell-status--med':\n        status === 'med',\n      'table__cell-status--semi-bad':\n        status === 'semi-bad',\n      'table__cell-status--bad':\n        status === 'bad',\n    },\n  );\n\n  return (\n    <td\n      className={classes}\n      {...props}\n    >\n      <span className={statusClasses}>\n        {children}\n      </span>\n    </td>\n  );\n};\n\ninterface TableComponent\n  extends React.FC<TableProps> {\n  Body: typeof TableBody;\n  Row: typeof TableRow;\n  Cell: typeof TableCell;\n}\n\nconst Table: TableComponent = ({\n  columns,\n  className = '',\n  children,\n  ...props\n}) => {\n  const classes = classnames(\n    'table',\n    className,\n    {},\n  );\n\n  const fractionTotal =\n    getFractionTotal(columns);\n\n  return (\n    <table\n      className={classes}\n      {...props}\n    >\n      <colgroup>\n        {columns.map((column) => (\n          <col\n            key={column.id}\n            style={{\n              width: getColumnWidth(\n                column.width,\n                fractionTotal,\n              ),\n            }}\n          />\n        ))}\n      </colgroup>\n\n      <thead className=\"table__head\">\n        <tr className=\"table__row\">\n          {columns.map((column) => (\n            <th\n              key={column.id}\n              className=\"table__header\"\n              scope=\"col\"\n            >\n              {column.header}\n            </th>\n          ))}\n        </tr>\n      </thead>\n\n      {children}\n    </table>\n  );\n};\n\nTable.Body = TableBody;\nTable.Row = TableRow;\nTable.Cell = TableCell;\n\nexport default Table;\n"]}
+{"version":3,"sources":["../../../src/components/table/table.tsx"],"names":[],"mappings":"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","file":"table.js","sourcesContent":["import React from 'react';\n\nimport './table.css';\nimport { classnames } from '../helpers/classnames';\n\nexport type TableColumnWidth =\n  | {\n      type: 'auto';\n    }\n  | {\n      type: 'max';\n    }\n  | {\n      type: 'fraction';\n      value: number;\n    }\n  | {\n      type: 'min';\n    }\n  | {\n      type: 'fixed';\n      value: string;\n    };\n\nexport type TableCellStatus =\n  | 'good'\n  | 'semi-good'\n  | 'med'\n  | 'semi-bad'\n  | 'bad';\n\nexport interface TableColumn {\n  id: React.Key;\n  header: React.ReactNode;\n  width?: TableColumnWidth;\n}\n\nexport interface TableProps\n  extends React.TableHTMLAttributes<HTMLTableElement> {\n  columns: TableColumn[];\n}\n\nexport interface TableBodyProps\n  extends React.HTMLAttributes<HTMLTableSectionElement> {}\n\nexport interface TableRowProps\n  extends React.HTMLAttributes<HTMLTableRowElement> {}\n\nexport interface TableCellProps\n  extends React.TdHTMLAttributes<HTMLTableCellElement> {\n  status?: TableCellStatus;\n}\n\nconst getFractionTotal = (\n  columns: TableColumn[],\n) =>\n  columns.reduce((total, column) => {\n    if (\n      column.width?.type !== 'fraction' ||\n      column.width.value <= 0\n    ) {\n      return total;\n    }\n\n    return total + column.width.value;\n  }, 0);\n\nconst getFractionPercentage = (\n  value: number,\n  total: number,\n) =>\n  Number(\n    ((value / total) * 100).toFixed(6),\n  );\n\nconst getColumnWidth = (\n  width: TableColumnWidth | undefined,\n  fractionTotal: number,\n): React.CSSProperties['width'] => {\n  if (!width || width.type === 'auto') {\n    return undefined;\n  }\n\n  if (width.type === 'min') {\n    return '1%';\n  }\n\n  if (width.type === 'max') {\n    return '100%';\n  }\n\n  if (width.type === 'fixed') {\n    return width.value;\n  }\n\n  if (\n    width.value <= 0 ||\n    fractionTotal <= 0\n  ) {\n    return undefined;\n  }\n\n  return `${getFractionPercentage(\n    width.value,\n    fractionTotal,\n  )}%`;\n};\n\nconst TableBody: React.FC<\n  TableBodyProps\n> = ({\n  className = '',\n  ...props\n}) => {\n  const classes = classnames(\n    'table__body',\n    className,\n    {},\n  );\n\n  return (\n    <tbody\n      className={classes}\n      {...props}\n    />\n  );\n};\n\nconst TableRow: React.FC<\n  TableRowProps\n> = ({\n  className = '',\n  ...props\n}) => {\n  const classes = classnames(\n    'table__row',\n    className,\n    {},\n  );\n\n  return (\n    <tr\n      className={classes}\n      {...props}\n    />\n  );\n};\n\nconst TableCell: React.FC<\n  TableCellProps\n> = ({\n  status,\n  className = '',\n  children,\n  ...props\n}) => {\n  const classes = classnames(\n    'table__cell',\n    className,\n    {\n      'table__cell--status':\n        status !== undefined,\n      'table__cell--good':\n        status === 'good',\n      'table__cell--semi-good':\n        status === 'semi-good',\n      'table__cell--med':\n        status === 'med',\n      'table__cell--semi-bad':\n        status === 'semi-bad',\n      'table__cell--bad':\n        status === 'bad',\n    },\n  );\n\n  if (!status) {\n    return (\n      <td\n        className={classes}\n        {...props}\n      >\n        {children}\n      </td>\n    );\n  }\n\n  return (\n    <td\n      className={classes}\n      {...props}\n    >\n      <span className=\"table__cell-status\">\n        {children}\n      </span>\n    </td>\n  );\n};\n\ninterface TableComponent\n  extends React.FC<TableProps> {\n  Body: typeof TableBody;\n  Row: typeof TableRow;\n  Cell: typeof TableCell;\n}\n\nconst Table: TableComponent = ({\n  columns,\n  className = '',\n  children,\n  ...props\n}) => {\n  const classes = classnames(\n    'table',\n    className,\n    {},\n  );\n\n  const fractionTotal =\n    getFractionTotal(columns);\n\n  return (\n    <table\n      className={classes}\n      {...props}\n    >\n      <colgroup>\n        {columns.map((column) => (\n          <col\n            key={column.id}\n            style={{\n              width: getColumnWidth(\n                column.width,\n                fractionTotal,\n              ),\n            }}\n          />\n        ))}\n      </colgroup>\n\n      <thead className=\"table__head\">\n        <tr className=\"table__row\">\n          {columns.map((column) => (\n            <th\n              key={column.id}\n              className=\"table__header\"\n              scope=\"col\"\n            >\n              {column.header}\n            </th>\n          ))}\n        </tr>\n      </thead>\n\n      {children}\n    </table>\n  );\n};\n\nTable.Body = TableBody;\nTable.Row = TableRow;\nTable.Cell = TableCell;\n\nexport default Table;\n"]}

package/components/video/video.css

@@ -16,7 +16,6 @@
   /* size */
   --video-width: 100%;
   --video-aspect-ratio: 16 / 9;
-  --video-padding: var(--padding-container);
   --video-controls-gap: var(--margin-icon);
   --video-volume-height: 400px;
   --video-time-digit-width: 0.6em;
@@ -26,7 +25,6 @@
   position: relative;
   width: var(--video-width);
   aspect-ratio: var(--video-aspect-ratio);
-  padding: var(--video-padding);
 
   /* border */
   --video-radius: var(--radius-container);
@@ -78,6 +76,11 @@
 }
 
 .video__cover {
+  /* color */
+
+  /* typography */
+
+  /* size */
   position: absolute;
   inset: 0;
   z-index: 1;
@@ -86,6 +89,12 @@
   height: 100%;
   object-fit: cover;
   pointer-events: none;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 .video__main-action {
@@ -109,20 +118,32 @@
 
 .video__controls {
   /* color */
+  background: color-mix(
+    in srgb,
+    var(--color-bg-toolbar)
+      calc(var(--tone-value-toolbar) * 100%),
+    transparent
+  );
 
   /* typography */
 
   /* size */
   position: absolute;
-  right: var(--video-padding);
-  bottom: var(--video-padding);
-  left: var(--video-padding);
+  right: 0;
+  bottom: 0;
+  left: 0;
   z-index: 1;
   display: flex;
   align-items: center;
   gap: var(--video-controls-gap);
+  padding: var(--padding-toolbar);
 
   /* border */
+  border-radius:
+    0
+    0
+    var(--video-radius)
+    var(--video-radius);
 
   /* depth */
 
@@ -233,9 +254,19 @@
 }
 
 .video__progress {
+  /* color */
+
+  /* typography */
+
   /* size */
   flex: 1;
   min-width: 0;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 .video__sound-control {
@@ -275,16 +306,36 @@
 }
 
 .video:fullscreen {
+  /* color */
+
+  /* typography */
+
   /* size */
   width: 100vw;
   height: 100vh;
   aspect-ratio: auto;
 
   /* border */
-  border-radius: 0;
+  --video-radius: 0;
+
+  border-radius: var(--video-radius);
+
+  /* depth */
+
+  /* motion */
 }
 
 .video:fullscreen .video__media {
+  /* color */
+
+  /* typography */
+
   /* size */
   object-fit: contain;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }

package/icons/assets/arrow-link.cjs

@@ -3,10 +3,10 @@
 var jsxRuntime = require('react/jsx-runtime');
 
 const arrowLink = {
-  xs: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 8H10M8 4H12V8M12 4L7 9" }),
-  s: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 10H12M10 5H15V10M15 5L9 11" }),
-  m: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 12H14M12 6H18V12M18 6L11 13" }),
-  l: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 16H19M16 8H24V16M24 8L15 17" })
+  xs: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12.6914 2.50065H13.5247V10.8906H11.8581V5.10482L3.67839 13.2845L2.5 12.1061L10.4388 4.16667H5.41341V2.5L12.6914 2.50065Z" }),
+  s: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.8643 3.12582H16.9059V13.6133H14.8226V6.38103L4.59798 16.6057L3.125 15.1327L13.0485 5.20833H6.76676V3.125L15.8643 3.12582Z" }),
+  m: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19.0371 3.75098H20.2871V16.3359H17.7871V7.65723L5.51758 19.9268L3.75 18.1592L15.6582 6.25H8.12012V3.75L19.0371 3.75098Z" }),
+  l: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M25.3828 5.00131H27.0495V21.7812H23.7161V10.2096L7.35677 26.5691L5 24.2123L21.2109 8.33333H10.8268V5L25.3828 5.00131Z" })
 };
 
 exports.arrowLink = arrowLink;

package/icons/assets/arrow-link.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/assets/arrow-link.tsx"],"names":["jsx"],"mappings":";;;;AAEO,MAAM,SAAA,GAAuB;AAAA,EAClC,EAAA,kBAAIA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2BAAA,EAA4B,CAAA;AAAA,EACxC,CAAA,kBAAGA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,+BAAA,EAAgC,CAAA;AAAA,EAC3C,CAAA,kBAAGA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gCAAA,EAAiC,CAAA;AAAA,EAC5C,CAAA,kBAAGA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gCAAA,EAAiC;AAC9C","file":"arrow-link.cjs","sourcesContent":["import type { IconGlyph } from '../types';\n\nexport const arrowLink: IconGlyph = {\n  xs: <path d=\"M4 8H10M8 4H12V8M12 4L7 9\" />,\n  s: <path d=\"M5 10H12M10 5H15V10M15 5L9 11\" />,\n  m: <path d=\"M6 12H14M12 6H18V12M18 6L11 13\" />,\n  l: <path d=\"M8 16H19M16 8H24V16M24 8L15 17\" />,\n};"]}
+{"version":3,"sources":["../../../src/icons/assets/arrow-link.tsx"],"names":["jsx"],"mappings":";;;;AAEO,MAAM,SAAA,GAAuB;AAAA,EAClC,EAAA,kBAAIA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2HAAA,EAA4H,CAAA;AAAA,EACxI,CAAA,kBAAGA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,+HAAA,EAAgI,CAAA;AAAA,EAC3I,CAAA,kBAAGA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,0HAAA,EAA2H,CAAA;AAAA,EACtI,CAAA,kBAAGA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,uHAAA,EAAwH;AACrI","file":"arrow-link.cjs","sourcesContent":["import type { IconGlyph } from '../types';\n\nexport const arrowLink: IconGlyph = {\n  xs: <path d=\"M12.6914 2.50065H13.5247V10.8906H11.8581V5.10482L3.67839 13.2845L2.5 12.1061L10.4388 4.16667H5.41341V2.5L12.6914 2.50065Z\" />,\n  s: <path d=\"M15.8643 3.12582H16.9059V13.6133H14.8226V6.38103L4.59798 16.6057L3.125 15.1327L13.0485 5.20833H6.76676V3.125L15.8643 3.12582Z\" />,\n  m: <path d=\"M19.0371 3.75098H20.2871V16.3359H17.7871V7.65723L5.51758 19.9268L3.75 18.1592L15.6582 6.25H8.12012V3.75L19.0371 3.75098Z\" />,\n  l: <path d=\"M25.3828 5.00131H27.0495V21.7812H23.7161V10.2096L7.35677 26.5691L5 24.2123L21.2109 8.33333H10.8268V5L25.3828 5.00131Z\" />,\n};\n"]}

package/icons/assets/arrow-link.js

@@ -1,10 +1,10 @@
 import { jsx } from 'react/jsx-runtime';
 
 const arrowLink = {
-  xs: /* @__PURE__ */ jsx("path", { d: "M4 8H10M8 4H12V8M12 4L7 9" }),
-  s: /* @__PURE__ */ jsx("path", { d: "M5 10H12M10 5H15V10M15 5L9 11" }),
-  m: /* @__PURE__ */ jsx("path", { d: "M6 12H14M12 6H18V12M18 6L11 13" }),
-  l: /* @__PURE__ */ jsx("path", { d: "M8 16H19M16 8H24V16M24 8L15 17" })
+  xs: /* @__PURE__ */ jsx("path", { d: "M12.6914 2.50065H13.5247V10.8906H11.8581V5.10482L3.67839 13.2845L2.5 12.1061L10.4388 4.16667H5.41341V2.5L12.6914 2.50065Z" }),
+  s: /* @__PURE__ */ jsx("path", { d: "M15.8643 3.12582H16.9059V13.6133H14.8226V6.38103L4.59798 16.6057L3.125 15.1327L13.0485 5.20833H6.76676V3.125L15.8643 3.12582Z" }),
+  m: /* @__PURE__ */ jsx("path", { d: "M19.0371 3.75098H20.2871V16.3359H17.7871V7.65723L5.51758 19.9268L3.75 18.1592L15.6582 6.25H8.12012V3.75L19.0371 3.75098Z" }),
+  l: /* @__PURE__ */ jsx("path", { d: "M25.3828 5.00131H27.0495V21.7812H23.7161V10.2096L7.35677 26.5691L5 24.2123L21.2109 8.33333H10.8268V5L25.3828 5.00131Z" })
 };
 
 export { arrowLink };

package/icons/assets/arrow-link.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/assets/arrow-link.tsx"],"names":[],"mappings":";;AAEO,MAAM,SAAA,GAAuB;AAAA,EAClC,EAAA,kBAAI,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2BAAA,EAA4B,CAAA;AAAA,EACxC,CAAA,kBAAG,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,+BAAA,EAAgC,CAAA;AAAA,EAC3C,CAAA,kBAAG,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gCAAA,EAAiC,CAAA;AAAA,EAC5C,CAAA,kBAAG,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gCAAA,EAAiC;AAC9C","file":"arrow-link.js","sourcesContent":["import type { IconGlyph } from '../types';\n\nexport const arrowLink: IconGlyph = {\n  xs: <path d=\"M4 8H10M8 4H12V8M12 4L7 9\" />,\n  s: <path d=\"M5 10H12M10 5H15V10M15 5L9 11\" />,\n  m: <path d=\"M6 12H14M12 6H18V12M18 6L11 13\" />,\n  l: <path d=\"M8 16H19M16 8H24V16M24 8L15 17\" />,\n};"]}
+{"version":3,"sources":["../../../src/icons/assets/arrow-link.tsx"],"names":[],"mappings":";;AAEO,MAAM,SAAA,GAAuB;AAAA,EAClC,EAAA,kBAAI,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2HAAA,EAA4H,CAAA;AAAA,EACxI,CAAA,kBAAG,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,+HAAA,EAAgI,CAAA;AAAA,EAC3I,CAAA,kBAAG,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,0HAAA,EAA2H,CAAA;AAAA,EACtI,CAAA,kBAAG,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,uHAAA,EAAwH;AACrI","file":"arrow-link.js","sourcesContent":["import type { IconGlyph } from '../types';\n\nexport const arrowLink: IconGlyph = {\n  xs: <path d=\"M12.6914 2.50065H13.5247V10.8906H11.8581V5.10482L3.67839 13.2845L2.5 12.1061L10.4388 4.16667H5.41341V2.5L12.6914 2.50065Z\" />,\n  s: <path d=\"M15.8643 3.12582H16.9059V13.6133H14.8226V6.38103L4.59798 16.6057L3.125 15.1327L13.0485 5.20833H6.76676V3.125L15.8643 3.12582Z\" />,\n  m: <path d=\"M19.0371 3.75098H20.2871V16.3359H17.7871V7.65723L5.51758 19.9268L3.75 18.1592L15.6582 6.25H8.12012V3.75L19.0371 3.75098Z\" />,\n  l: <path d=\"M25.3828 5.00131H27.0495V21.7812H23.7161V10.2096L7.35677 26.5691L5 24.2123L21.2109 8.33333H10.8268V5L25.3828 5.00131Z\" />,\n};\n"]}

package/icons/assets/arrow-right.cjs

@@ -3,10 +3,10 @@
 var jsxRuntime = require('react/jsx-runtime');
 
 const arrowRight = {
-  xs: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 8H12M9 5L12 8L9 11" }),
-  s: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 10H15M11 6L15 10L11 14" }),
-  m: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 12H18M13 7L18 12L13 17" }),
-  l: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 16H24M18 10L24 16L18 22" })
+  xs: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.46975 4.64466C10.7626 4.351765 11.2374 4.351765 11.53025 4.64466L14.3491 7.4635C14.35225 7.4665 14.3558 7.4692 14.3589 7.4723C14.5604 7.67385 14.6232 7.96165 14.54735 8.2169C14.51305 8.33285 14.4504 8.4423 14.3589 8.5338C14.35585 8.53685 14.3522 8.53915 14.3491 8.5421L11.53025 11.36145C11.2374 11.6542 10.7626 11.65425 10.46975 11.36145C10.17685 11.0686 10.17695 10.5938 10.46975 10.3009L12.0205 8.75015H2.25C1.835845 8.75015 1.5001 8.41425 1.5 8.00015C1.5 7.5859 1.835785 7.25015 2.25 7.25015H12.01465L10.46975 5.7052C10.17685 5.4123 10.17685 4.93755 10.46975 4.64466Z" }),
+  s: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M13.0871875 5.805825C13.45325 5.43970625 14.04675 5.43970625 14.4128125 5.805825L17.936375 9.329375C17.9403125 9.333125 17.94475 9.3365 17.948625 9.340375C18.2005 9.5923125 18.279 9.9520625 18.1841875 10.271125C18.1413125 10.4160625 18.063 10.552875 17.948625 10.66725C17.9448125 10.6710625 17.94025 10.6739375 17.936375 10.677625L14.4128125 14.2018125C14.04675 14.56775 13.45325 14.5678125 13.0871875 14.2018125C12.7210625 13.83575 12.7211875 13.24225 13.0871875 12.876125L15.025625 10.9376875H2.8125C2.29480625 10.9376875 1.875125 10.5178125 1.875 10.0001875C1.875 9.482375 2.29473125 9.0626875 2.8125 9.0626875H15.0183125L13.0871875 7.1315C12.7210625 6.765375 12.7210625 6.1719375 13.0871875 5.805825Z" }),
+  m: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.704625 6.96699C16.1439 6.5276475 16.8561 6.5276475 17.295375 6.96699L21.52365 11.19525C21.528375 11.19975 21.5337 11.2038 21.53835 11.20845C21.8406 11.510775 21.9348 11.942475 21.821025 12.32535C21.769575 12.499275 21.6756 12.66345 21.53835 12.8007C21.533775 12.805275 21.5283 12.808725 21.52365 12.81315L17.295375 17.042175C16.8561 17.4813 16.1439 17.481375 15.704625 17.042175C15.265275 16.6029 15.265425 15.8907 15.704625 15.45135L18.03075 13.125225H3.375C2.7537675 13.125225 2.25015 12.621375 2.25 12.000225C2.25 11.37885 2.7536775 10.875225 3.375 10.875225H18.021975L15.704625 8.5578C15.265275 8.11845 15.265275 7.406325 15.704625 6.96699Z" }),
+  l: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20.9395 9.28932C21.5252 8.70353 22.4748 8.70353 23.0605 9.28932L28.6982 14.927C28.7045 14.933 28.7116 14.9384 28.7178 14.9446C29.1208 15.3477 29.2464 15.9233 29.0947 16.4338C29.0261 16.6657 28.9008 16.8846 28.7178 17.0676C28.7117 17.0737 28.7044 17.0783 28.6982 17.0842L23.0605 22.7229C22.4748 23.3084 21.5252 23.3085 20.9395 22.7229C20.3537 22.1372 20.3539 21.1876 20.9395 20.6018L24.041 17.5003H4.5C3.67169 17.5003 3.0002 16.8285 3 16.0003C3 15.1718 3.67157 14.5003 4.5 14.5003H24.0293L20.9395 11.4104C20.3537 10.8246 20.3537 9.8751 20.9395 9.28932Z" })
 };
 
 exports.arrowRight = arrowRight;

package/icons/assets/arrow-right.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/assets/arrow-right.tsx"],"names":["jsx"],"mappings":";;;;AAEO,MAAM,UAAA,GAAwB;AAAA,EACnC,EAAA,kBAAIA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,uBAAA,EAAwB,CAAA;AAAA,EACpC,CAAA,kBAAGA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2BAAA,EAA4B,CAAA;AAAA,EACvC,CAAA,kBAAGA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2BAAA,EAA4B,CAAA;AAAA,EACvC,CAAA,kBAAGA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,4BAAA,EAA6B;AAC1C","file":"arrow-right.cjs","sourcesContent":["import type { IconGlyph } from '../types';\n\nexport const arrowRight: IconGlyph = {\n  xs: <path d=\"M4 8H12M9 5L12 8L9 11\" />,\n  s: <path d=\"M5 10H15M11 6L15 10L11 14\" />,\n  m: <path d=\"M6 12H18M13 7L18 12L13 17\" />,\n  l: <path d=\"M8 16H24M18 10L24 16L18 22\" />,\n};"]}
+{"version":3,"sources":["../../../src/icons/assets/arrow-right.tsx"],"names":["jsx"],"mappings":";;;;AAEO,MAAM,UAAA,GAAwB;AAAA,EACnC,EAAA,kBAAIA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gkBAAA,EAAikB,CAAA;AAAA,EAC7kB,CAAA,kBAAGA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,ksBAAA,EAAmsB,CAAA;AAAA,EAC9sB,CAAA,kBAAGA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,0oBAAA,EAA2oB,CAAA;AAAA,EACtpB,CAAA,kBAAGA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,0iBAAA,EAA2iB;AACxjB","file":"arrow-right.cjs","sourcesContent":["import type { IconGlyph } from '../types';\n\nexport const arrowRight: IconGlyph = {\n  xs: <path d=\"M10.46975 4.64466C10.7626 4.351765 11.2374 4.351765 11.53025 4.64466L14.3491 7.4635C14.35225 7.4665 14.3558 7.4692 14.3589 7.4723C14.5604 7.67385 14.6232 7.96165 14.54735 8.2169C14.51305 8.33285 14.4504 8.4423 14.3589 8.5338C14.35585 8.53685 14.3522 8.53915 14.3491 8.5421L11.53025 11.36145C11.2374 11.6542 10.7626 11.65425 10.46975 11.36145C10.17685 11.0686 10.17695 10.5938 10.46975 10.3009L12.0205 8.75015H2.25C1.835845 8.75015 1.5001 8.41425 1.5 8.00015C1.5 7.5859 1.835785 7.25015 2.25 7.25015H12.01465L10.46975 5.7052C10.17685 5.4123 10.17685 4.93755 10.46975 4.64466Z\" />,\n  s: <path d=\"M13.0871875 5.805825C13.45325 5.43970625 14.04675 5.43970625 14.4128125 5.805825L17.936375 9.329375C17.9403125 9.333125 17.94475 9.3365 17.948625 9.340375C18.2005 9.5923125 18.279 9.9520625 18.1841875 10.271125C18.1413125 10.4160625 18.063 10.552875 17.948625 10.66725C17.9448125 10.6710625 17.94025 10.6739375 17.936375 10.677625L14.4128125 14.2018125C14.04675 14.56775 13.45325 14.5678125 13.0871875 14.2018125C12.7210625 13.83575 12.7211875 13.24225 13.0871875 12.876125L15.025625 10.9376875H2.8125C2.29480625 10.9376875 1.875125 10.5178125 1.875 10.0001875C1.875 9.482375 2.29473125 9.0626875 2.8125 9.0626875H15.0183125L13.0871875 7.1315C12.7210625 6.765375 12.7210625 6.1719375 13.0871875 5.805825Z\" />,\n  m: <path d=\"M15.704625 6.96699C16.1439 6.5276475 16.8561 6.5276475 17.295375 6.96699L21.52365 11.19525C21.528375 11.19975 21.5337 11.2038 21.53835 11.20845C21.8406 11.510775 21.9348 11.942475 21.821025 12.32535C21.769575 12.499275 21.6756 12.66345 21.53835 12.8007C21.533775 12.805275 21.5283 12.808725 21.52365 12.81315L17.295375 17.042175C16.8561 17.4813 16.1439 17.481375 15.704625 17.042175C15.265275 16.6029 15.265425 15.8907 15.704625 15.45135L18.03075 13.125225H3.375C2.7537675 13.125225 2.25015 12.621375 2.25 12.000225C2.25 11.37885 2.7536775 10.875225 3.375 10.875225H18.021975L15.704625 8.5578C15.265275 8.11845 15.265275 7.406325 15.704625 6.96699Z\" />,\n  l: <path d=\"M20.9395 9.28932C21.5252 8.70353 22.4748 8.70353 23.0605 9.28932L28.6982 14.927C28.7045 14.933 28.7116 14.9384 28.7178 14.9446C29.1208 15.3477 29.2464 15.9233 29.0947 16.4338C29.0261 16.6657 28.9008 16.8846 28.7178 17.0676C28.7117 17.0737 28.7044 17.0783 28.6982 17.0842L23.0605 22.7229C22.4748 23.3084 21.5252 23.3085 20.9395 22.7229C20.3537 22.1372 20.3539 21.1876 20.9395 20.6018L24.041 17.5003H4.5C3.67169 17.5003 3.0002 16.8285 3 16.0003C3 15.1718 3.67157 14.5003 4.5 14.5003H24.0293L20.9395 11.4104C20.3537 10.8246 20.3537 9.8751 20.9395 9.28932Z\" />,\n};\n"]}

package/icons/assets/arrow-right.js

@@ -1,10 +1,10 @@
 import { jsx } from 'react/jsx-runtime';
 
 const arrowRight = {
-  xs: /* @__PURE__ */ jsx("path", { d: "M4 8H12M9 5L12 8L9 11" }),
-  s: /* @__PURE__ */ jsx("path", { d: "M5 10H15M11 6L15 10L11 14" }),
-  m: /* @__PURE__ */ jsx("path", { d: "M6 12H18M13 7L18 12L13 17" }),
-  l: /* @__PURE__ */ jsx("path", { d: "M8 16H24M18 10L24 16L18 22" })
+  xs: /* @__PURE__ */ jsx("path", { d: "M10.46975 4.64466C10.7626 4.351765 11.2374 4.351765 11.53025 4.64466L14.3491 7.4635C14.35225 7.4665 14.3558 7.4692 14.3589 7.4723C14.5604 7.67385 14.6232 7.96165 14.54735 8.2169C14.51305 8.33285 14.4504 8.4423 14.3589 8.5338C14.35585 8.53685 14.3522 8.53915 14.3491 8.5421L11.53025 11.36145C11.2374 11.6542 10.7626 11.65425 10.46975 11.36145C10.17685 11.0686 10.17695 10.5938 10.46975 10.3009L12.0205 8.75015H2.25C1.835845 8.75015 1.5001 8.41425 1.5 8.00015C1.5 7.5859 1.835785 7.25015 2.25 7.25015H12.01465L10.46975 5.7052C10.17685 5.4123 10.17685 4.93755 10.46975 4.64466Z" }),
+  s: /* @__PURE__ */ jsx("path", { d: "M13.0871875 5.805825C13.45325 5.43970625 14.04675 5.43970625 14.4128125 5.805825L17.936375 9.329375C17.9403125 9.333125 17.94475 9.3365 17.948625 9.340375C18.2005 9.5923125 18.279 9.9520625 18.1841875 10.271125C18.1413125 10.4160625 18.063 10.552875 17.948625 10.66725C17.9448125 10.6710625 17.94025 10.6739375 17.936375 10.677625L14.4128125 14.2018125C14.04675 14.56775 13.45325 14.5678125 13.0871875 14.2018125C12.7210625 13.83575 12.7211875 13.24225 13.0871875 12.876125L15.025625 10.9376875H2.8125C2.29480625 10.9376875 1.875125 10.5178125 1.875 10.0001875C1.875 9.482375 2.29473125 9.0626875 2.8125 9.0626875H15.0183125L13.0871875 7.1315C12.7210625 6.765375 12.7210625 6.1719375 13.0871875 5.805825Z" }),
+  m: /* @__PURE__ */ jsx("path", { d: "M15.704625 6.96699C16.1439 6.5276475 16.8561 6.5276475 17.295375 6.96699L21.52365 11.19525C21.528375 11.19975 21.5337 11.2038 21.53835 11.20845C21.8406 11.510775 21.9348 11.942475 21.821025 12.32535C21.769575 12.499275 21.6756 12.66345 21.53835 12.8007C21.533775 12.805275 21.5283 12.808725 21.52365 12.81315L17.295375 17.042175C16.8561 17.4813 16.1439 17.481375 15.704625 17.042175C15.265275 16.6029 15.265425 15.8907 15.704625 15.45135L18.03075 13.125225H3.375C2.7537675 13.125225 2.25015 12.621375 2.25 12.000225C2.25 11.37885 2.7536775 10.875225 3.375 10.875225H18.021975L15.704625 8.5578C15.265275 8.11845 15.265275 7.406325 15.704625 6.96699Z" }),
+  l: /* @__PURE__ */ jsx("path", { d: "M20.9395 9.28932C21.5252 8.70353 22.4748 8.70353 23.0605 9.28932L28.6982 14.927C28.7045 14.933 28.7116 14.9384 28.7178 14.9446C29.1208 15.3477 29.2464 15.9233 29.0947 16.4338C29.0261 16.6657 28.9008 16.8846 28.7178 17.0676C28.7117 17.0737 28.7044 17.0783 28.6982 17.0842L23.0605 22.7229C22.4748 23.3084 21.5252 23.3085 20.9395 22.7229C20.3537 22.1372 20.3539 21.1876 20.9395 20.6018L24.041 17.5003H4.5C3.67169 17.5003 3.0002 16.8285 3 16.0003C3 15.1718 3.67157 14.5003 4.5 14.5003H24.0293L20.9395 11.4104C20.3537 10.8246 20.3537 9.8751 20.9395 9.28932Z" })
 };
 
 export { arrowRight };

package/icons/assets/arrow-right.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/assets/arrow-right.tsx"],"names":[],"mappings":";;AAEO,MAAM,UAAA,GAAwB;AAAA,EACnC,EAAA,kBAAI,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,uBAAA,EAAwB,CAAA;AAAA,EACpC,CAAA,kBAAG,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2BAAA,EAA4B,CAAA;AAAA,EACvC,CAAA,kBAAG,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2BAAA,EAA4B,CAAA;AAAA,EACvC,CAAA,kBAAG,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,4BAAA,EAA6B;AAC1C","file":"arrow-right.js","sourcesContent":["import type { IconGlyph } from '../types';\n\nexport const arrowRight: IconGlyph = {\n  xs: <path d=\"M4 8H12M9 5L12 8L9 11\" />,\n  s: <path d=\"M5 10H15M11 6L15 10L11 14\" />,\n  m: <path d=\"M6 12H18M13 7L18 12L13 17\" />,\n  l: <path d=\"M8 16H24M18 10L24 16L18 22\" />,\n};"]}
+{"version":3,"sources":["../../../src/icons/assets/arrow-right.tsx"],"names":[],"mappings":";;AAEO,MAAM,UAAA,GAAwB;AAAA,EACnC,EAAA,kBAAI,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gkBAAA,EAAikB,CAAA;AAAA,EAC7kB,CAAA,kBAAG,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,ksBAAA,EAAmsB,CAAA;AAAA,EAC9sB,CAAA,kBAAG,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,0oBAAA,EAA2oB,CAAA;AAAA,EACtpB,CAAA,kBAAG,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,0iBAAA,EAA2iB;AACxjB","file":"arrow-right.js","sourcesContent":["import type { IconGlyph } from '../types';\n\nexport const arrowRight: IconGlyph = {\n  xs: <path d=\"M10.46975 4.64466C10.7626 4.351765 11.2374 4.351765 11.53025 4.64466L14.3491 7.4635C14.35225 7.4665 14.3558 7.4692 14.3589 7.4723C14.5604 7.67385 14.6232 7.96165 14.54735 8.2169C14.51305 8.33285 14.4504 8.4423 14.3589 8.5338C14.35585 8.53685 14.3522 8.53915 14.3491 8.5421L11.53025 11.36145C11.2374 11.6542 10.7626 11.65425 10.46975 11.36145C10.17685 11.0686 10.17695 10.5938 10.46975 10.3009L12.0205 8.75015H2.25C1.835845 8.75015 1.5001 8.41425 1.5 8.00015C1.5 7.5859 1.835785 7.25015 2.25 7.25015H12.01465L10.46975 5.7052C10.17685 5.4123 10.17685 4.93755 10.46975 4.64466Z\" />,\n  s: <path d=\"M13.0871875 5.805825C13.45325 5.43970625 14.04675 5.43970625 14.4128125 5.805825L17.936375 9.329375C17.9403125 9.333125 17.94475 9.3365 17.948625 9.340375C18.2005 9.5923125 18.279 9.9520625 18.1841875 10.271125C18.1413125 10.4160625 18.063 10.552875 17.948625 10.66725C17.9448125 10.6710625 17.94025 10.6739375 17.936375 10.677625L14.4128125 14.2018125C14.04675 14.56775 13.45325 14.5678125 13.0871875 14.2018125C12.7210625 13.83575 12.7211875 13.24225 13.0871875 12.876125L15.025625 10.9376875H2.8125C2.29480625 10.9376875 1.875125 10.5178125 1.875 10.0001875C1.875 9.482375 2.29473125 9.0626875 2.8125 9.0626875H15.0183125L13.0871875 7.1315C12.7210625 6.765375 12.7210625 6.1719375 13.0871875 5.805825Z\" />,\n  m: <path d=\"M15.704625 6.96699C16.1439 6.5276475 16.8561 6.5276475 17.295375 6.96699L21.52365 11.19525C21.528375 11.19975 21.5337 11.2038 21.53835 11.20845C21.8406 11.510775 21.9348 11.942475 21.821025 12.32535C21.769575 12.499275 21.6756 12.66345 21.53835 12.8007C21.533775 12.805275 21.5283 12.808725 21.52365 12.81315L17.295375 17.042175C16.8561 17.4813 16.1439 17.481375 15.704625 17.042175C15.265275 16.6029 15.265425 15.8907 15.704625 15.45135L18.03075 13.125225H3.375C2.7537675 13.125225 2.25015 12.621375 2.25 12.000225C2.25 11.37885 2.7536775 10.875225 3.375 10.875225H18.021975L15.704625 8.5578C15.265275 8.11845 15.265275 7.406325 15.704625 6.96699Z\" />,\n  l: <path d=\"M20.9395 9.28932C21.5252 8.70353 22.4748 8.70353 23.0605 9.28932L28.6982 14.927C28.7045 14.933 28.7116 14.9384 28.7178 14.9446C29.1208 15.3477 29.2464 15.9233 29.0947 16.4338C29.0261 16.6657 28.9008 16.8846 28.7178 17.0676C28.7117 17.0737 28.7044 17.0783 28.6982 17.0842L23.0605 22.7229C22.4748 23.3084 21.5252 23.3085 20.9395 22.7229C20.3537 22.1372 20.3539 21.1876 20.9395 20.6018L24.041 17.5003H4.5C3.67169 17.5003 3.0002 16.8285 3 16.0003C3 15.1718 3.67157 14.5003 4.5 14.5003H24.0293L20.9395 11.4104C20.3537 10.8246 20.3537 9.8751 20.9395 9.28932Z\" />,\n};\n"]}

package/icons/assets/chevron-left.cjs

@@ -3,10 +3,10 @@
 var jsxRuntime = require('react/jsx-runtime');
 
 const chevronLeft = {
-  xs: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 4.5L6.5 8L10 11.5" }),
-  s: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 5.5L7.5 10L12 14.5" }),
-  m: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14.5 6.5L9 12L14.5 17.5" }),
-  l: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 9L12 16L19 23" })
+  xs: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11.45215 7.9751L5.68895 13.4502L4.311035 12L8.54735 7.9751L4.311035 3.950195L5.68895 2.5L11.45215 7.9751Z" }),
+  s: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14.3151875 9.968875L7.1111875 16.81275L5.38879375 15L10.6841875 9.968875L5.38879375 4.93774375L7.1111875 3.125L14.3151875 9.968875Z" }),
+  m: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17.178225 11.96265L8.533425 20.1753L6.4665525 18L12.821025 11.96265L6.4665525 5.9252925L8.533425 3.75L17.178225 11.96265Z" }),
+  l: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22.9043 15.9502L11.3779 26.9004L8.62207 24L17.0947 15.9502L8.62207 7.90039L11.3779 5L22.9043 15.9502Z" })
 };
 
 exports.chevronLeft = chevronLeft;

package/icons/assets/chevron-left.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/assets/chevron-left.tsx"],"names":["jsx"],"mappings":";;;;AAEO,MAAM,WAAA,GAAyB;AAAA,EACpC,EAAA,kBAAIA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,uBAAA,EAAwB,CAAA;AAAA,EACpC,CAAA,kBAAGA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,wBAAA,EAAyB,CAAA;AAAA,EACpC,CAAA,kBAAGA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,0BAAA,EAA2B,CAAA;AAAA,EACtC,CAAA,kBAAGA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,mBAAA,EAAoB;AACjC","file":"chevron-left.cjs","sourcesContent":["import type { IconGlyph } from '../types';\n\nexport const chevronLeft: IconGlyph = {\n  xs: <path d=\"M10 4.5L6.5 8L10 11.5\" />,\n  s: <path d=\"M12 5.5L7.5 10L12 14.5\" />,\n  m: <path d=\"M14.5 6.5L9 12L14.5 17.5\" />,\n  l: <path d=\"M19 9L12 16L19 23\" />,\n};"]}
+{"version":3,"sources":["../../../src/icons/assets/chevron-left.tsx"],"names":["jsx"],"mappings":";;;;AAEO,MAAM,WAAA,GAAyB;AAAA,EACpC,EAAA,kBAAIA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,4GAAA,EAA6G,CAAA;AAAA,EACzH,CAAA,kBAAGA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,sIAAA,EAAuI,CAAA;AAAA,EAClJ,CAAA,kBAAGA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,4HAAA,EAA6H,CAAA;AAAA,EACxI,CAAA,kBAAGA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,wGAAA,EAAyG;AACtH","file":"chevron-left.cjs","sourcesContent":["import type { IconGlyph } from '../types';\n\nexport const chevronLeft: IconGlyph = {\n  xs: <path d=\"M11.45215 7.9751L5.68895 13.4502L4.311035 12L8.54735 7.9751L4.311035 3.950195L5.68895 2.5L11.45215 7.9751Z\" />,\n  s: <path d=\"M14.3151875 9.968875L7.1111875 16.81275L5.38879375 15L10.6841875 9.968875L5.38879375 4.93774375L7.1111875 3.125L14.3151875 9.968875Z\" />,\n  m: <path d=\"M17.178225 11.96265L8.533425 20.1753L6.4665525 18L12.821025 11.96265L6.4665525 5.9252925L8.533425 3.75L17.178225 11.96265Z\" />,\n  l: <path d=\"M22.9043 15.9502L11.3779 26.9004L8.62207 24L17.0947 15.9502L8.62207 7.90039L11.3779 5L22.9043 15.9502Z\" />,\n};\n"]}