@koobiq/react-components 0.0.1-beta.24 → 0.0.1-beta.26

package/dist/style.css

@@ -2410,39 +2410,39 @@
   --toggle-track-border-color: var(--kbq-line-contrast-less);
 }
 
-.kbq-toggle-checked-6ab2c0 {
+.kbq-toggle-selected-0bb42c {
   --toggle-track-border-color: transparent;
   --toggle-thumb-bg-color: var(--kbq-icon-white);
   --toggle-track-bg-color: var(--kbq-background-theme);
 }
 
-.kbq-toggle-checked-6ab2c0 .kbq-toggle-track-03a806:before {
+.kbq-toggle-selected-0bb42c .kbq-toggle-track-03a806:before {
   transform: translate(calc(var(--toggle-track-inline-size)  - var(--toggle-thumb-size)  - var(--toggle-thumb-margin) * 2));
 }
 
-.kbq-toggle-checked-6ab2c0:where(.kbq-toggle-hovered-d4d8d0) {
+.kbq-toggle-selected-0bb42c:where(.kbq-toggle-hovered-d4d8d0) {
   --toggle-track-bg-color: var(--kbq-states-background-theme-hover);
 }
 
-.kbq-toggle-error-8e1b23 {
+.kbq-toggle-invalid-ae9ba4 {
   --toggle-track-bg-color: var(--kbq-states-background-error-less);
   --toggle-track-border-color: var(--kbq-line-error);
   --toggle-thumb-bg-color: var(--kbq-icon-error);
 }
 
-.kbq-toggle-error-8e1b23:where(.kbq-toggle-checked-6ab2c0) {
+.kbq-toggle-invalid-ae9ba4:where(.kbq-toggle-selected-0bb42c) {
   --toggle-track-bg-color: var(--kbq-background-error);
   --toggle-track-border-color: var(--kbq-line-error);
   --toggle-thumb-bg-color: var(--kbq-icon-white);
 }
 
-.kbq-toggle-error-8e1b23:where(.kbq-toggle-hovered-d4d8d0) {
+.kbq-toggle-invalid-ae9ba4:where(.kbq-toggle-hovered-d4d8d0) {
   --toggle-track-bg-color: var(--kbq-states-background-error-fade-hover);
   --toggle-track-border-color: var(--kbq-line-error);
   --toggle-thumb-bg-color: var(--kbq-icon-error);
 }
 
-.kbq-toggle-error-8e1b23:where(.kbq-toggle-hovered-d4d8d0.kbq-toggle-checked-6ab2c0) {
+.kbq-toggle-invalid-ae9ba4:where(.kbq-toggle-hovered-d4d8d0.kbq-toggle-selected-0bb42c) {
   --toggle-track-bg-color: var(--kbq-states-background-error-hover);
   --toggle-track-border-color: var(--kbq-line-error);
   --toggle-thumb-bg-color: var(--kbq-icon-white);
@@ -2453,7 +2453,7 @@
   --toggle-track-outline-color: var(--kbq-states-line-focus-theme);
 }
 
-.kbq-toggle-focusVisible-10b6e6:where(.kbq-toggle-error-8e1b23) {
+.kbq-toggle-focusVisible-10b6e6:where(.kbq-toggle-invalid-ae9ba4) {
   --toggle-track-outline-color: var(--kbq-states-line-focus-error);
 }
 
@@ -3453,6 +3453,319 @@
   --tag-outline-color: none;
   cursor: not-allowed;
 }
+.kbq-table-container-ecbaa4 {
+  --table-container-block-size: 100%;
+  --table-container-min-block-size: unset;
+  --table-container-max-block-size: unset;
+  --table-container-scroll-padding-top: 0;
+  --table-cell-padding: 10px var(--kbq-size-s);
+  --table-cell-color: var(--kbq-foreground-contrast);
+  --table-header-cell-padding: 10px var(--kbq-size-s);
+  --table-border: 1px solid var(--kbq-line-contrast-less);
+  --table-header-cell-color: var(--kbq-foreground-contrast-secondary);
+  block-size: var(--table-container-block-size);
+  min-block-size: var(--table-container-min-block-size);
+  max-block-size: var(--table-container-max-block-size);
+  scroll-padding-block-start: var(--table-container-scroll-padding-top);
+}
+
+.kbq-table-fullWidth-419d42 .kbq-table-55e555 {
+  inline-size: 100%;
+}
+
+[data-divider="none"] tbody td:first-child {
+  border-start-start-radius: var(--kbq-size-s);
+  border-end-start-radius: var(--kbq-size-s);
+}
+
+[data-divider="none"] tbody td:last-child {
+  border-start-end-radius: var(--kbq-size-s);
+  border-end-end-radius: var(--kbq-size-s);
+}
+
+[data-divider="none"] tbody tr {
+  border-radius: var(--kbq-size-s);
+}
+
+[data-divider="none"] tbody tr:first-child {
+  border-start-start-radius: 0;
+  border-start-end-radius: 0;
+}
+
+[data-divider="none"] tbody tr:first-child td:first-child {
+  border-start-start-radius: 0;
+  border-end-start-radius: var(--kbq-size-s);
+}
+
+[data-divider="none"] tbody tr:first-child td:last-child {
+  border-start-end-radius: 0;
+  border-end-end-radius: var(--kbq-size-s);
+}
+
+[data-divider="row"] tbody td {
+  border-block-end: var(--table-border);
+}
+
+[data-sticky-header="true"] {
+  overflow-block: auto;
+}
+
+[data-sticky-header="true"] thead {
+  z-index: 1;
+  background-color: var(--kbq-background-bg);
+  position: sticky;
+  inset-block-start: 0;
+}
+
+.kbq-table-55e555 {
+  border-spacing: 0;
+}
+
+[aria-multiselectable="true"] tbody tr:is([data-selected="true"], [data-focus-visible="true"]):has( + :is([data-selected="true"], [data-focus-visible="true"])) {
+  border-end-end-radius: 0;
+  border-end-start-radius: 0;
+}
+
+[aria-multiselectable="true"] tbody tr:is([data-selected="true"], [data-focus-visible="true"]):has( + :is([data-selected="true"], [data-focus-visible="true"])) td:first-child {
+  border-end-start-radius: 0;
+}
+
+[aria-multiselectable="true"] tbody tr:is([data-selected="true"], [data-focus-visible="true"]):has( + :is([data-selected="true"], [data-focus-visible="true"])) td:last-child {
+  border-end-end-radius: 0;
+}
+
+[aria-multiselectable="true"] tbody tr:is([data-selected="true"], [data-focus-visible="true"]) + :is([data-selected="true"], [data-focus-visible="true"]) {
+  border-start-start-radius: 0;
+  border-start-end-radius: 0;
+}
+
+[aria-multiselectable="true"] tbody tr:is([data-selected="true"], [data-focus-visible="true"]) + :is([data-selected="true"], [data-focus-visible="true"]) td:first-child {
+  border-start-start-radius: 0;
+}
+
+[aria-multiselectable="true"] tbody tr:is([data-selected="true"], [data-focus-visible="true"]) + :is([data-selected="true"], [data-focus-visible="true"]) td:last-child {
+  border-start-end-radius: 0;
+}
+.kbq-tablecolumnheader-236616 {
+  cursor: default;
+  box-sizing: border-box;
+  color: var(--table-header-cell-color);
+  border-block-end: var(--table-border);
+  padding: var(--table-header-cell-padding);
+  outline: none;
+}
+
+.kbq-tablecolumnheader-top-70b78e {
+  vertical-align: top;
+}
+
+.kbq-tablecolumnheader-baseline-9772f1 {
+  vertical-align: baseline;
+}
+
+.kbq-tablecolumnheader-middle-22b85a {
+  vertical-align: middle;
+}
+
+.kbq-tablecolumnheader-bottom-1f6f2d {
+  vertical-align: bottom;
+}
+
+.kbq-tablecolumnheader-sub-c48ac7 {
+  vertical-align: sub;
+}
+
+.kbq-tablecolumnheader-text-top-7013fa {
+  vertical-align: text-top;
+}
+
+.kbq-tablecolumnheader-focusVisible-21814b {
+  outline-offset: -2px;
+  outline: 2px solid var(--kbq-states-line-focus-theme);
+}
+.kbq-tablerow-4a268c {
+  box-sizing: border-box;
+  cursor: default;
+  transition: background-color var(--kbq-transition-default), border-radius var(--kbq-transition-default);
+  outline: none;
+}
+
+.kbq-tablerow-4a268c:last-child td {
+  border-block-end: none;
+}
+
+.kbq-tablerow-hovered-f3a986 {
+  background-color: var(--kbq-states-background-transparent-hover);
+}
+
+.kbq-tablerow-pressed-932599 {
+  background-color: var(--kbq-states-background-transparent-active);
+}
+
+.kbq-tablerow-selected-ced903 {
+  background-color: var(--kbq-background-theme-less);
+}
+
+.kbq-tablerow-selected-ced903:where(.kbq-tablerow-hovered-f3a986) {
+  background-color: var(--kbq-states-background-theme-less-hover);
+}
+
+.kbq-tablerow-selected-ced903:where(.kbq-tablerow-pressed-932599) {
+  background-color: var(--kbq-states-background-theme-less-active);
+}
+
+.kbq-tablerow-disabled-27e4c6 {
+  cursor: not-allowed;
+  opacity: .3;
+  background-color: #0000;
+}
+
+.kbq-tablerow-disabled-27e4c6:where(.kbq-tablerow-selected-ced903) {
+  background-color: var(--kbq-background-theme-less);
+}
+
+.kbq-tablerow-focusVisible-3a3109 {
+  outline-offset: -2px;
+  outline: 2px solid var(--kbq-states-line-focus-theme);
+}
+.kbq-tablecell-7b64ee {
+  box-sizing: border-box;
+  color: var(--table-cell-color);
+  padding: var(--table-cell-padding);
+  transition: border-radius var(--kbq-transition-default);
+  outline: none;
+}
+
+.kbq-tablecell-top-c83311 {
+  vertical-align: top;
+}
+
+.kbq-tablecell-baseline-9a695f {
+  vertical-align: baseline;
+}
+
+.kbq-tablecell-middle-61ce62 {
+  vertical-align: middle;
+}
+
+.kbq-tablecell-bottom-7191cb {
+  vertical-align: bottom;
+}
+
+.kbq-tablecell-sub-422152 {
+  vertical-align: sub;
+}
+
+.kbq-tablecell-text-top-0812fb {
+  vertical-align: text-top;
+}
+
+.kbq-tablecell-focusVisible-401e7c {
+  outline-offset: -2px;
+  outline: 2px solid var(--kbq-states-line-focus-theme);
+}
+.kbq-calendar-fa3168 {
+  --calendar-cell-inline-size: 40px;
+  --calendar-cell-block-size: 32px;
+  box-sizing: border-box;
+  align-items: center;
+  gap: var(--kbq-size-3xs);
+  block-size: 294px;
+  padding-block: var(--kbq-size-m);
+  flex-direction: column;
+  display: flex;
+}
+
+.kbq-calendar-open-e506bb {
+  background-color: var(--button-bg-color-active);
+}
+
+.kbq-calendar-popover-a1d3d6 {
+  min-inline-size: 200px;
+}
+.kbq-calendarheader-562d41 {
+  box-sizing: border-box;
+  inline-size: 100%;
+  padding-inline: var(--kbq-size-xxs);
+  align-items: center;
+  display: flex;
+}
+
+.kbq-calendarheader-actions-4e94a2 {
+  margin-inline-start: auto;
+}
+.kbq-calendargrid-1a43cf {
+  border-collapse: separate;
+  padding-inline: var(--kbq-size-m);
+  border-spacing: 0 var(--kbq-size-3xs);
+}
+
+.kbq-calendargrid-1a43cf td, .kbq-calendargrid-1a43cf th {
+  padding: 0;
+}
+
+.kbq-calendargrid-weekDay-94b083 {
+  block-size: var(--calendar-cell-block-size);
+  inline-size: var(--calendar-cell-inline-size);
+  color: var(--kbq-foreground-contrast-tertiary);
+}
+
+.kbq-calendargrid-divider-3ec061 {
+  position: relative;
+}
+
+.kbq-calendargrid-divider-3ec061:after {
+  content: "";
+  block-size: 1px;
+  inset-block-start: 0;
+  inset-inline: calc(-1 * var(--kbq-size-m));
+  background-color: var(--kbq-line-contrast-less);
+  position: absolute;
+}
+.kbq-calendarcell-dc4d6e {
+  --table-cell-outline-color: transparent;
+  --table-cell-outline-width: var(--kbq-size-3xs);
+  block-size: var(--calendar-cell-block-size);
+  inline-size: var(--calendar-cell-inline-size);
+  outline-offset: -2px;
+  outline: var(--table-cell-outline-width) solid var(--table-cell-outline-color);
+  transition: outline-color var(--kbq-transition-default), background-color var(--kbq-transition-default), color var(--kbq-transition-default);
+}
+
+.kbq-calendarcell-dc4d6e:where(:not([hidden])) {
+  color: var(--kbq-foreground-contrast);
+  cursor: pointer;
+  border-radius: var(--kbq-size-s);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.kbq-calendarcell-today-04de99 {
+  color: var(--kbq-foreground-theme);
+}
+
+.kbq-calendarcell-hovered-c94a4e {
+  background-color: var(--kbq-states-background-transparent-hover);
+}
+
+.kbq-calendarcell-pressed-a65ee0 {
+  background-color: var(--kbq-states-background-transparent-active);
+}
+
+.kbq-calendarcell-focusVisible-d92d99 {
+  --table-cell-outline-color: var(--kbq-states-line-focus-theme);
+}
+
+.kbq-calendarcell-selected-62a719 {
+  background-color: var(--kbq-background-contrast);
+  color: var(--kbq-foreground-on-contrast);
+}
+
+.kbq-calendarcell-disabled-a2a975, .kbq-calendarcell-unavailable-a606f4 {
+  color: var(--kbq-states-foreground-disabled);
+  cursor: not-allowed;
+}
 .kbq-spacing-mbs_0-be7021 {
   margin-block-start: 0;
 }

package/dist/utils/capitalizeFirstLetter/capitalizeFirstLetter.d.ts

@@ -0,0 +1,2 @@
+/** Capitalizes the first character of a word. */
+export declare function capitalizeFirstLetter(string: string): string;

package/dist/utils/capitalizeFirstLetter/capitalizeFirstLetter.js

@@ -0,0 +1,6 @@
+function capitalizeFirstLetter(string) {
+  return string.charAt(0).toUpperCase() + string.slice(1);
+}
+export {
+  capitalizeFirstLetter
+};

package/dist/utils/capitalizeFirstLetter/index.d.ts

@@ -0,0 +1 @@
+export * from './capitalizeFirstLetter';

package/dist/utils/index.d.ts

@@ -1 +1,2 @@
 export * from './getResponsiveValue';
+export * from './capitalizeFirstLetter';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koobiq/react-components",
-  "version": "0.0.1-beta.24",
+  "version": "0.0.1-beta.26",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
@@ -27,10 +27,10 @@
     "@koobiq/design-tokens": "^3.12.1",
     "@types/react-transition-group": "^4.4.12",
     "react-transition-group": "^4.4.5",
-    "@koobiq/logger": "0.0.1-beta.24",
-    "@koobiq/react-icons": "0.0.1-beta.24",
-    "@koobiq/react-primitives": "0.0.1-beta.24",
-    "@koobiq/react-core": "0.0.1-beta.24"
+    "@koobiq/logger": "0.0.1-beta.26",
+    "@koobiq/react-icons": "0.0.1-beta.26",
+    "@koobiq/react-core": "0.0.1-beta.26",
+    "@koobiq/react-primitives": "0.0.1-beta.26"
   },
   "peerDependencies": {
     "@koobiq/design-tokens": "^3.11.2",