@cambly/syntax-core 23.6.0 → 23.7.0

package/dist/index.css

@@ -2295,6 +2295,281 @@
   border-radius: 999px;
 }
 
+/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Icon/Icon.module.css/#css-module-data */
+._icon_12p4o_1 {
+  display: inline-block;
+  fill: currentcolor;
+  flex-shrink: 0;
+  user-select: none;
+}
+[dir=rtl] ._icon_12p4o_1._iconRtlMirror_12p4o_9 {
+  transform: scaleX(-1);
+}
+._icon100_12p4o_13 {
+  width: 16px;
+  height: 16px;
+}
+._icon200_12p4o_18 {
+  width: 20px;
+  height: 20px;
+}
+._icon300_12p4o_23 {
+  width: 24px;
+  height: 24px;
+}
+._icon400_12p4o_28 {
+  width: 32px;
+  height: 32px;
+}
+._icon500_12p4o_33 {
+  width: 48px;
+  height: 48px;
+}
+._icon600_12p4o_38 {
+  width: 72px;
+  height: 72px;
+}
+._icon700_12p4o_43 {
+  width: 100px;
+  height: 100px;
+}
+._icon800_12p4o_48 {
+  width: 140px;
+  height: 140px;
+}
+._icon900_12p4o_53 {
+  width: 200px;
+  height: 200px;
+}
+._icon1000_12p4o_58 {
+  width: 280px;
+  height: 280px;
+}
+
+/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/DateRangePicker/DateRangePicker.module.css/#css-module-data */
+._root_qcyt7_2 {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  width: fit-content;
+  font-family: var(--syntax-font-sans-serif);
+}
+._label_qcyt7_11 {
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--color-cambio-gray-700);
+  cursor: default;
+}
+._group_qcyt7_19 {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  border: 1px solid var(--color-cambio-gray-370);
+  border-radius: 8px;
+  box-sizing: border-box;
+  background: #fff;
+  color: var(--color-cambio-gray-700);
+}
+._group_qcyt7_19[data-focus-within] {
+  outline: none;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
+}
+._group_qcyt7_19[data-invalid] {
+  border-color: var(--color-cambio-destructive-700);
+}
+._group_qcyt7_19[data-disabled] {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+._sm_qcyt7_45 {
+  height: 32px;
+  padding: 0 8px;
+  font-size: 14px;
+}
+._md_qcyt7_51 {
+  height: 48px;
+  padding: 0 12px;
+  font-size: 16px;
+}
+._lg_qcyt7_57 {
+  height: 64px;
+  padding: 0 16px;
+  font-size: 18px;
+}
+._dateInput_qcyt7_64 {
+  display: flex;
+  align-items: center;
+  flex: 1;
+  min-width: 0;
+}
+._segment_qcyt7_72 {
+  padding: 1px 2px;
+  border-radius: 4px;
+  outline: none;
+  caret-color: transparent;
+}
+._segment_qcyt7_72[data-type=year] {
+  min-width: 4ch;
+}
+._segment_qcyt7_72[data-type=month] {
+  min-width: 2ch;
+}
+._segment_qcyt7_72[data-type=day] {
+  min-width: 2ch;
+}
+._segment_qcyt7_72[data-type=literal] {
+  padding: 0 1px;
+  color: var(--color-cambio-gray-370);
+}
+._segment_qcyt7_72[data-placeholder] {
+  color: var(--color-cambio-gray-370);
+}
+._segment_qcyt7_72[data-focused] {
+  background-color: var(--color-base-primary-700);
+  color: #fff;
+  border-radius: 2px;
+}
+._separator_qcyt7_109 {
+  flex-shrink: 0;
+  color: var(--color-cambio-gray-370);
+  padding: 0 4px;
+  user-select: none;
+}
+._calendarButton_qcyt7_117 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: 4px;
+  border-radius: 4px;
+  color: var(--color-cambio-gray-700);
+  outline: none;
+}
+._calendarButton_qcyt7_117:hover {
+  background-color: var(--color-cambio-gray-10);
+}
+._calendarButton_qcyt7_117[data-focus-visible] {
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
+}
+._description_qcyt7_140 {
+  font-size: 14px;
+  color: var(--color-cambio-gray-700);
+}
+._errorMessage_qcyt7_145 {
+  font-size: 14px;
+  color: var(--color-cambio-destructive-700);
+}
+._popover_qcyt7_161 {
+  background: #fff;
+  border-radius: 8px;
+  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.25);
+  padding: 16px;
+  height: 320px;
+  overflow: hidden;
+  outline: none;
+  font-family: var(--syntax-font-sans-serif);
+}
+._calendar_qcyt7_117 {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+._calendarHeader_qcyt7_180 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+._calendarHeading_qcyt7_187 {
+  flex: 1;
+  text-align: center;
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--color-cambio-gray-700);
+}
+._navButton_qcyt7_196 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border: none;
+  border-radius: 50%;
+  background: none;
+  cursor: pointer;
+  color: var(--color-cambio-gray-700);
+  outline: none;
+  flex-shrink: 0;
+}
+._navButton_qcyt7_196[data-hovered] {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+._navButton_qcyt7_196[data-focus-visible] {
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
+}
+._navButton_qcyt7_196[data-disabled] {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+._calendarGrids_qcyt7_230 {
+  display: flex;
+  align-items: flex-start;
+  gap: 24px;
+}
+._calendarGrid_qcyt7_230 {
+  border-collapse: collapse;
+}
+._dayHeader_qcyt7_242 {
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--color-cambio-gray-700);
+  text-align: center;
+  padding: 0 0 8px;
+  width: 36px;
+}
+._cell_qcyt7_256 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  font-size: 14px;
+  color: var(--color-cambio-gray-700);
+  cursor: pointer;
+  outline: none;
+}
+._cell_qcyt7_256:where([data-hovered]:not([data-selected], [data-unavailable], [data-disabled])) {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+._cell_qcyt7_256[data-outside-month] {
+  visibility: hidden;
+}
+._cell_qcyt7_256[data-selected] {
+  background-color: var(--color-base-primary-100);
+  color: var(--color-base-primary-700);
+}
+._cell_qcyt7_256[data-selection-start],
+._cell_qcyt7_256[data-selection-end] {
+  background-color: var(--color-base-primary-700);
+  color: #fff;
+}
+._cell_qcyt7_256[data-focused] {
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
+}
+._cell_qcyt7_256[data-unavailable] {
+  text-decoration: line-through;
+  color: var(--color-cambio-gray-370);
+  cursor: not-allowed;
+}
+._cell_qcyt7_256[data-disabled] {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css/#css-module-data */
 ._typography_17ldg_1 {
   line-height: initial;
@@ -2756,57 +3031,6 @@
   background-color: var(--color-base-gray-10);
 }
 
-/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Icon/Icon.module.css/#css-module-data */
-._icon_12p4o_1 {
-  display: inline-block;
-  fill: currentcolor;
-  flex-shrink: 0;
-  user-select: none;
-}
-[dir=rtl] ._icon_12p4o_1._iconRtlMirror_12p4o_9 {
-  transform: scaleX(-1);
-}
-._icon100_12p4o_13 {
-  width: 16px;
-  height: 16px;
-}
-._icon200_12p4o_18 {
-  width: 20px;
-  height: 20px;
-}
-._icon300_12p4o_23 {
-  width: 24px;
-  height: 24px;
-}
-._icon400_12p4o_28 {
-  width: 32px;
-  height: 32px;
-}
-._icon500_12p4o_33 {
-  width: 48px;
-  height: 48px;
-}
-._icon600_12p4o_38 {
-  width: 72px;
-  height: 72px;
-}
-._icon700_12p4o_43 {
-  width: 100px;
-  height: 100px;
-}
-._icon800_12p4o_48 {
-  width: 140px;
-  height: 140px;
-}
-._icon900_12p4o_53 {
-  width: 200px;
-  height: 200px;
-}
-._icon1000_12p4o_58 {
-  width: 280px;
-  height: 280px;
-}
-
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/IconButton/IconButton.module.css/#css-module-data */
 ._iconButton_txjkh_1 {
   align-items: center;