@veeqo/ui 15.15.2 → 15.15.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/README.md +40 -29
  2. package/dist/components/Calendars/components/Calendar/Calendar.module.scss.cjs +2 -2
  3. package/dist/components/Calendars/components/Calendar/Calendar.module.scss.cjs.map +1 -1
  4. package/dist/components/Calendars/components/Calendar/Calendar.module.scss.js +2 -2
  5. package/dist/components/Calendars/components/Calendar/Calendar.module.scss.js.map +1 -1
  6. package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.module.scss.cjs +2 -2
  7. package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.module.scss.cjs.map +1 -1
  8. package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.module.scss.js +2 -2
  9. package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.module.scss.js.map +1 -1
  10. package/dist/components/DateInputField/DateInputField.cjs +6 -5
  11. package/dist/components/DateInputField/DateInputField.cjs.map +1 -1
  12. package/dist/components/DateInputField/DateInputField.d.ts +1 -1
  13. package/dist/components/DateInputField/DateInputField.js +6 -5
  14. package/dist/components/DateInputField/DateInputField.js.map +1 -1
  15. package/dist/components/DateInputField/DateInputField.module.scss.cjs +2 -2
  16. package/dist/components/DateInputField/DateInputField.module.scss.cjs.map +1 -1
  17. package/dist/components/DateInputField/DateInputField.module.scss.js +2 -2
  18. package/dist/components/DateInputField/DateInputField.module.scss.js.map +1 -1
  19. package/dist/components/DateInputField/types.d.ts +1 -0
  20. package/dist/components/DatePicker/DatePicker.cjs +1 -1
  21. package/dist/components/DatePicker/DatePicker.cjs.map +1 -1
  22. package/dist/components/DatePicker/DatePicker.js +1 -1
  23. package/dist/components/DatePicker/DatePicker.js.map +1 -1
  24. package/dist/components/DateRangePicker/DateRangePicker.cjs +12 -6
  25. package/dist/components/DateRangePicker/DateRangePicker.cjs.map +1 -1
  26. package/dist/components/DateRangePicker/DateRangePicker.js +12 -6
  27. package/dist/components/DateRangePicker/DateRangePicker.js.map +1 -1
  28. package/dist/components/PhoneInput/types.d.ts +16 -0
  29. package/dist/components/PriceInput/types.d.ts +10 -0
  30. package/dist/components/Search/types.d.ts +5 -0
  31. package/dist/hoc/withLabels/withLabels.cjs.map +1 -1
  32. package/dist/hoc/withLabels/withLabels.d.ts +7 -0
  33. package/dist/hoc/withLabels/withLabels.js.map +1 -1
  34. package/dist/hoc/withLabels/withLabels.module.scss.cjs +2 -2
  35. package/dist/hoc/withLabels/withLabels.module.scss.cjs.map +1 -1
  36. package/dist/hoc/withLabels/withLabels.module.scss.js +2 -2
  37. package/dist/hoc/withLabels/withLabels.module.scss.js.map +1 -1
  38. package/dist/icons/design-system/icons.figma.batch.d.ts +8 -0
  39. package/package.json +11 -6
package/README.md CHANGED
@@ -118,8 +118,7 @@ src/icons/
118
118
  2. Run the following commands to update the icon library:
119
119
 
120
120
  ```terminal
121
- npm run figma:export # Export SVGs from Figma
122
- npm run build:icons # Convert SVGs to React components
121
+ npm run figma:export-icons # Export icon SVGs from Figma & build React components
123
122
  ```
124
123
 
125
124
  These scripts:
@@ -147,7 +146,7 @@ For more detailed information about the icon system, see our [Icon System Figma
147
146
 
148
147
  ### Adding additional SVG icon sets
149
148
 
150
- The build script supports multiple icon sets through the `ICON_SETS` configuration object. To add a new icon set:
149
+ Each icon set has its own build script that calls the shared `buildSvgSet` pipeline. To add a new set:
151
150
 
152
151
  #### Create a new directory structure for your icons
153
152
 
@@ -158,33 +157,42 @@ src/icons/
158
157
  └── imports/ # Raw SVGs
159
158
  ```
160
159
 
161
- #### Add your configuration to ICON_SETS in the build script
162
-
163
- ```typescript
164
- const ICON_SETS = {
165
- // Existing configurations...
166
- yourIconSet: {
167
- import: './src/icons/your-icon-set/imports', // Directory containing source SVG files
168
- output: './src/icons/your-icon-set/components', // Directory where React components will be generated
169
- svgrConfig: {
170
- plugins: ['@svgr/plugin-jsx', '@svgr/plugin-prettier'],
171
- typescript: true,
172
- exportType: 'named',
173
- ref: false,
174
- prettierConfig: './.prettierrc',
175
- // Additional SVGR configurations as needed:
176
- replaceAttrValues: {
177
- '#000000': 'currentColor', // Replace specific colors
178
- }, // SVGR transformation options, for full list of options see: https://react-svgr.com/docs/options/
179
- icon: 24, // Set default icon size
180
- },
160
+ #### Create a build script
161
+
162
+ Create `scripts/build-your-icons.js` that imports `buildSvgSet` from the shared module:
163
+
164
+ ```js
165
+ import { buildSvgSet } from './shared/build-svg-set.js';
166
+
167
+ buildSvgSet({
168
+ importDir: './src/icons/your-icon-set/imports',
169
+ outputDir: './src/icons/your-icon-set/components',
170
+ indexPath: './src/icons/your-icon-set/components/index.ts',
171
+ importPrefix: './',
172
+ buildMode: 'parallel',
173
+ label: 'icons',
174
+ logNoun: 'icon',
175
+ lintGlob: './src/icons/your-icon-set/**/*.tsx',
176
+ svgrConfig: {
177
+ plugins: ['@svgr/plugin-jsx', '@svgr/plugin-prettier'],
178
+ typescript: true,
179
+ exportType: 'named',
180
+ ref: false,
181
+ prettierConfig: './.prettierrc',
182
+ // Additional SVGR options: https://react-svgr.com/docs/options/
183
+ replaceAttrValues: { '#000000': 'currentColor' },
184
+ icon: 24,
181
185
  },
182
- };
186
+ });
183
187
  ```
184
188
 
185
- This will add it to the build script `npm run build`
189
+ #### Add a package.json script
190
+
191
+ ```json
192
+ "build:your-icons": "node scripts/build-your-icons.js"
193
+ ```
186
194
 
187
- The build script will automatically:
195
+ The `buildSvgSet` pipeline will automatically:
188
196
 
189
197
  - Clean the output directory
190
198
  - Generate React components from SVGs
@@ -198,9 +206,12 @@ The UI library includes automated scripts to export assets from Figma files. For
198
206
  ### Quick Start
199
207
 
200
208
  ```bash
201
- # Export design system icons
209
+ # Export all icons and logos
202
210
  npm run figma:export
203
211
 
204
- # Export integration marks
205
- npm run figma:export-integrations
212
+ # Export icons only
213
+ npm run figma:export-icons
214
+
215
+ # Export logos (formerly "integration marks")
216
+ npm run figma:export-logos
206
217
  ```
@@ -2,8 +2,8 @@
2
2
 
3
3
  var ___$insertStyle = require('../../../../_virtual/____insertStyle.cjs');
4
4
 
5
- ___$insertStyle("._heading-xxl_a5wki_1 {\n font-family: var(--text-heading-xxl-font-family);\n font-style: var(--text-heading-xxl-font-style);\n font-weight: var(--text-heading-xxl-font-weight);\n font-size: var(--text-heading-xxl-font-size);\n line-height: var(--text-heading-xxl-line-height);\n color: var(--text-heading-xxl-color);\n text-decoration: var(--text-heading-xxl-text-decoration);\n letter-spacing: var(--text-heading-xxl-letter-spacing);\n}\n\n._heading-xl_a5wki_12 {\n font-family: var(--text-heading-xl-font-family);\n font-style: var(--text-heading-xl-font-style);\n font-weight: var(--text-heading-xl-font-weight);\n font-size: var(--text-heading-xl-font-size);\n line-height: var(--text-heading-xl-line-height);\n color: var(--text-heading-xl-color);\n text-decoration: var(--text-heading-xl-text-decoration);\n letter-spacing: var(--text-heading-xl-letter-spacing);\n}\n\n._heading-large_a5wki_23 {\n font-family: var(--text-heading-large-font-family);\n font-style: var(--text-heading-large-font-style);\n font-weight: var(--text-heading-large-font-weight);\n font-size: var(--text-heading-large-font-size);\n line-height: var(--text-heading-large-line-height);\n color: var(--text-heading-large-color);\n text-decoration: var(--text-heading-large-text-decoration);\n letter-spacing: var(--text-heading-large-letter-spacing);\n}\n\n._heading-medium_a5wki_34 {\n font-family: var(--text-heading-medium-font-family);\n font-style: var(--text-heading-medium-font-style);\n font-weight: var(--text-heading-medium-font-weight);\n font-size: var(--text-heading-medium-font-size);\n line-height: var(--text-heading-medium-line-height);\n color: var(--text-heading-medium-color);\n text-decoration: var(--text-heading-medium-text-decoration);\n letter-spacing: var(--text-heading-medium-letter-spacing);\n}\n\n._heading-small_a5wki_45 {\n font-family: var(--text-heading-small-font-family);\n font-style: var(--text-heading-small-font-style);\n font-weight: var(--text-heading-small-font-weight);\n font-size: var(--text-heading-small-font-size);\n line-height: var(--text-heading-small-line-height);\n color: var(--text-heading-small-color);\n text-decoration: var(--text-heading-small-text-decoration);\n letter-spacing: var(--text-heading-small-letter-spacing);\n}\n\n._heading-table_a5wki_56 {\n font-family: var(--text-heading-table-font-family);\n font-style: var(--text-heading-table-font-style);\n font-weight: var(--text-heading-table-font-weight);\n font-size: var(--text-heading-table-font-size);\n line-height: var(--text-heading-table-line-height);\n color: var(--text-heading-table-color);\n text-decoration: var(--text-heading-table-text-decoration);\n letter-spacing: var(--text-heading-table-letter-spacing);\n}\n\n._subheading-large_a5wki_67 {\n font-family: var(--text-subheading-large-font-family);\n font-style: var(--text-subheading-large-font-style);\n font-weight: var(--text-subheading-large-font-weight);\n font-size: var(--text-subheading-large-font-size);\n line-height: var(--text-subheading-large-line-height);\n color: var(--text-subheading-large-color);\n text-decoration: var(--text-subheading-large-text-decoration);\n letter-spacing: var(--text-subheading-large-letter-spacing);\n}\n\n._subheading-medium_a5wki_78 {\n font-family: var(--text-subheading-medium-font-family);\n font-style: var(--text-subheading-medium-font-style);\n font-weight: var(--text-subheading-medium-font-weight);\n font-size: var(--text-subheading-medium-font-size);\n line-height: var(--text-subheading-medium-line-height);\n color: var(--text-subheading-medium-color);\n text-decoration: var(--text-subheading-medium-text-decoration);\n letter-spacing: var(--text-subheading-medium-letter-spacing);\n}\n\n._subheading-small_a5wki_89 {\n font-family: var(--text-subheading-small-font-family);\n font-style: var(--text-subheading-small-font-style);\n font-weight: var(--text-subheading-small-font-weight);\n font-size: var(--text-subheading-small-font-size);\n line-height: var(--text-subheading-small-line-height);\n color: var(--text-subheading-small-color);\n text-decoration: var(--text-subheading-small-text-decoration);\n letter-spacing: var(--text-subheading-small-letter-spacing);\n}\n\n._subheading-small-bold_a5wki_100 {\n font-family: var(--text-subheading-small-bold-font-family);\n font-style: var(--text-subheading-small-bold-font-style);\n font-weight: var(--text-subheading-small-bold-font-weight);\n font-size: var(--text-subheading-small-bold-font-size);\n line-height: var(--text-subheading-small-bold-line-height);\n color: var(--text-subheading-small-bold-color);\n text-decoration: var(--text-subheading-small-bold-text-decoration);\n letter-spacing: var(--text-subheading-small-bold-letter-spacing);\n}\n\n._body_a5wki_111 {\n font-family: var(--text-body-font-family);\n font-style: var(--text-body-font-style);\n font-weight: var(--text-body-font-weight);\n font-size: var(--text-body-font-size);\n line-height: var(--text-body-line-height);\n color: var(--text-body-color);\n text-decoration: var(--text-body-text-decoration);\n letter-spacing: var(--text-body-letter-spacing);\n}\n\n._body-small_a5wki_122 {\n font-family: var(--text-body-small-font-family);\n font-style: var(--text-body-small-font-style);\n font-weight: var(--text-body-small-font-weight);\n font-size: var(--text-body-small-font-size);\n line-height: var(--text-body-small-line-height);\n color: var(--text-body-small-color);\n text-decoration: var(--text-body-small-text-decoration);\n letter-spacing: var(--text-body-small-letter-spacing);\n}\n\n._body-bold_a5wki_133 {\n font-family: var(--text-body-bold-font-family);\n font-style: var(--text-body-bold-font-style);\n font-weight: var(--text-body-bold-font-weight);\n font-size: var(--text-body-bold-font-size);\n line-height: var(--text-body-bold-line-height);\n color: var(--text-body-bold-color);\n text-decoration: var(--text-body-bold-text-decoration);\n letter-spacing: var(--text-body-bold-letter-spacing);\n}\n\n._body-bold-dark_a5wki_144 {\n font-family: var(--text-body-bold-dark-font-family);\n font-style: var(--text-body-bold-dark-font-style);\n font-weight: var(--text-body-bold-dark-font-weight);\n font-size: var(--text-body-bold-dark-font-size);\n line-height: var(--text-body-bold-dark-line-height);\n color: var(--text-body-bold-dark-color);\n text-decoration: var(--text-body-bold-dark-text-decoration);\n letter-spacing: var(--text-body-bold-dark-letter-spacing);\n}\n\n._body-small-bold_a5wki_155 {\n font-family: var(--text-body-small-bold-font-family);\n font-style: var(--text-body-small-bold-font-style);\n font-weight: var(--text-body-small-bold-font-weight);\n font-size: var(--text-body-small-bold-font-size);\n line-height: var(--text-body-small-bold-line-height);\n color: var(--text-body-small-bold-color);\n text-decoration: var(--text-body-small-bold-text-decoration);\n letter-spacing: var(--text-body-small-bold-letter-spacing);\n}\n\n._button_a5wki_166 {\n font-family: var(--text-button-font-family);\n font-style: var(--text-button-font-style);\n font-weight: var(--text-button-font-weight);\n font-size: var(--text-button-font-size);\n line-height: var(--text-button-line-height);\n color: var(--text-button-color);\n text-decoration: var(--text-button-text-decoration);\n letter-spacing: var(--text-button-letter-spacing);\n}\n\n._button-small_a5wki_177 {\n font-family: var(--text-button-small-font-family);\n font-style: var(--text-button-small-font-style);\n font-weight: var(--text-button-small-font-weight);\n font-size: var(--text-button-small-font-size);\n line-height: var(--text-button-small-line-height);\n color: var(--text-button-small-color);\n text-decoration: var(--text-button-small-text-decoration);\n letter-spacing: var(--text-button-small-letter-spacing);\n}\n\n._link-large_a5wki_188 {\n font-family: var(--text-link-large-font-family);\n font-style: var(--text-link-large-font-style);\n font-weight: var(--text-link-large-font-weight);\n font-size: var(--text-link-large-font-size);\n line-height: var(--text-link-large-line-height);\n color: var(--text-link-large-color);\n text-decoration: var(--text-link-large-text-decoration);\n letter-spacing: var(--text-link-large-letter-spacing);\n}\n\n._link-medium_a5wki_199 {\n font-family: var(--text-link-medium-font-family);\n font-style: var(--text-link-medium-font-style);\n font-weight: var(--text-link-medium-font-weight);\n font-size: var(--text-link-medium-font-size);\n line-height: var(--text-link-medium-line-height);\n color: var(--text-link-medium-color);\n text-decoration: var(--text-link-medium-text-decoration);\n letter-spacing: var(--text-link-medium-letter-spacing);\n}\n\n._link_a5wki_188 {\n font-family: var(--text-link-font-family);\n font-style: var(--text-link-font-style);\n font-weight: var(--text-link-font-weight);\n font-size: var(--text-link-font-size);\n line-height: var(--text-link-line-height);\n color: var(--text-link-color);\n text-decoration: var(--text-link-text-decoration);\n letter-spacing: var(--text-link-letter-spacing);\n}\n\n._link-small_a5wki_221 {\n font-family: var(--text-link-small-font-family);\n font-style: var(--text-link-small-font-style);\n font-weight: var(--text-link-small-font-weight);\n font-size: var(--text-link-small-font-size);\n line-height: var(--text-link-small-line-height);\n color: var(--text-link-small-color);\n text-decoration: var(--text-link-small-text-decoration);\n letter-spacing: var(--text-link-small-letter-spacing);\n}\n\n._input-label_a5wki_232 {\n font-family: var(--text-input-label-font-family);\n font-style: var(--text-input-label-font-style);\n font-weight: var(--text-input-label-font-weight);\n font-size: var(--text-input-label-font-size);\n line-height: var(--text-input-label-line-height);\n color: var(--text-input-label-color);\n text-decoration: var(--text-input-label-text-decoration);\n letter-spacing: var(--text-input-label-letter-spacing);\n}\n\n._input-label-small_a5wki_243 {\n font-family: var(--text-input-label-small-font-family);\n font-style: var(--text-input-label-small-font-style);\n font-weight: var(--text-input-label-small-font-weight);\n font-size: var(--text-input-label-small-font-size);\n line-height: var(--text-input-label-small-line-height);\n color: var(--text-input-label-small-color);\n text-decoration: var(--text-input-label-small-text-decoration);\n letter-spacing: var(--text-input-label-small-letter-spacing);\n}\n\n._hint-text_a5wki_254 {\n font-family: var(--text-hint-text-font-family);\n font-style: var(--text-hint-text-font-style);\n font-weight: var(--text-hint-text-font-weight);\n font-size: var(--text-hint-text-font-size);\n line-height: var(--text-hint-text-line-height);\n color: var(--text-hint-text-color);\n text-decoration: var(--text-hint-text-text-decoration);\n letter-spacing: var(--text-hint-text-letter-spacing);\n}\n\n._placeholder_a5wki_265 {\n font-family: var(--text-placeholder-font-family);\n font-style: var(--text-placeholder-font-style);\n font-weight: var(--text-placeholder-font-weight);\n font-size: var(--text-placeholder-font-size);\n line-height: var(--text-placeholder-line-height);\n color: var(--text-placeholder-color);\n text-decoration: var(--text-placeholder-text-decoration);\n letter-spacing: var(--text-placeholder-letter-spacing);\n}\n\n._placeholder-small_a5wki_276 {\n font-family: var(--text-placeholder-small-font-family);\n font-style: var(--text-placeholder-small-font-style);\n font-weight: var(--text-placeholder-small-font-weight);\n font-size: var(--text-placeholder-small-font-size);\n line-height: var(--text-placeholder-small-line-height);\n color: var(--text-placeholder-small-color);\n text-decoration: var(--text-placeholder-small-text-decoration);\n letter-spacing: var(--text-placeholder-small-letter-spacing);\n}\n\n._placeholder-code_a5wki_287 {\n font-family: var(--text-placeholder-code-font-family);\n font-style: var(--text-placeholder-code-font-style);\n font-weight: var(--text-placeholder-code-font-weight);\n font-size: var(--text-placeholder-code-font-size);\n line-height: var(--text-placeholder-code-line-height);\n color: var(--text-placeholder-code-color);\n text-decoration: var(--text-placeholder-code-text-decoration);\n letter-spacing: var(--text-placeholder-code-letter-spacing);\n}\n\n._placeholder-code-small_a5wki_298 {\n font-family: var(--text-placeholder-code-small-font-family);\n font-style: var(--text-placeholder-code-small-font-style);\n font-weight: var(--text-placeholder-code-small-font-weight);\n font-size: var(--text-placeholder-code-small-font-size);\n line-height: var(--text-placeholder-code-small-line-height);\n color: var(--text-placeholder-code-small-color);\n text-decoration: var(--text-placeholder-code-small-text-decoration);\n letter-spacing: var(--text-placeholder-code-small-letter-spacing);\n}\n\n._error_a5wki_309 {\n font-family: var(--text-error-font-family);\n font-style: var(--text-error-font-style);\n font-weight: var(--text-error-font-weight);\n font-size: var(--text-error-font-size);\n line-height: var(--text-error-line-height);\n color: var(--text-error-color);\n text-decoration: var(--text-error-text-decoration);\n letter-spacing: var(--text-error-letter-spacing);\n}\n\n._error-small_a5wki_320 {\n font-family: var(--text-error-small-font-family);\n font-style: var(--text-error-small-font-style);\n font-weight: var(--text-error-small-font-weight);\n font-size: var(--text-error-small-font-size);\n line-height: var(--text-error-small-line-height);\n color: var(--text-error-small-color);\n text-decoration: var(--text-error-small-text-decoration);\n letter-spacing: var(--text-error-small-letter-spacing);\n}\n\n._success-small_a5wki_331 {\n font-family: var(--text-success-small-font-family);\n font-style: var(--text-success-small-font-style);\n font-weight: var(--text-success-small-font-weight);\n font-size: var(--text-success-small-font-size);\n line-height: var(--text-success-small-line-height);\n color: var(--text-success-small-color);\n text-decoration: var(--text-success-small-text-decoration);\n letter-spacing: var(--text-success-small-letter-spacing);\n}\n\n._calendar_a5wki_342 {\n width: fit-content;\n max-width: 100%;\n min-width: 225px;\n color: var(--colors-neutral-ink-base);\n font-size: var(--text-body-font-size);\n font-family: var(--font-family);\n}\n._calendar_a5wki_342 header {\n display: flex;\n align-items: center;\n margin: 0 var(--sizes-xs) var(--sizes-sm) var(--sizes-xs);\n}\n._calendar_a5wki_342 header .react-aria-Heading {\n flex: 1;\n margin: 0;\n text-align: center;\n font-family: var(--text-heading-small-font-family);\n font-style: var(--text-heading-small-font-style);\n font-weight: var(--text-heading-small-font-weight);\n font-size: var(--text-heading-small-font-size);\n line-height: var(--text-heading-small-line-height);\n color: var(--text-heading-small-color);\n text-decoration: var(--text-heading-small-text-decoration);\n letter-spacing: var(--text-heading-small-letter-spacing);\n}\n._calendar_a5wki_342 .react-aria-CalendarHeaderCell {\n padding-bottom: var(--sizes-sm);\n}\n._calendar_a5wki_342 .react-aria-Button {\n color: var(--colors-neutral-ink-base);\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n cursor: pointer;\n height: var(--sizes-10);\n padding: 0 var(--sizes-sm);\n border-radius: var(--radius-base);\n font-size: var(--text-button-font-size);\n line-height: 16px;\n outline: 0;\n --outline-width: var(--sizes-xs);\n}\n._calendar_a5wki_342 .react-aria-Button svg {\n width: var(--sizes-base);\n height: var(--sizes-base);\n}\n._calendar_a5wki_342 .react-aria-Button:active, ._calendar_a5wki_342 .react-aria-Button:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n}\n._calendar_a5wki_342 .react-aria-Button:active, ._calendar_a5wki_342 .react-aria-Button:hover {\n background-color: var(--colors-neutral-grey-light);\n}\n._calendar_a5wki_342 .react-aria-Button:disabled {\n background-color: transparent;\n border-color: transparent;\n user-select: none;\n color: var(--colors-neutral-grey-base);\n cursor: default;\n}\n._calendar_a5wki_342 .react-aria-CalendarCell {\n width: 30px;\n line-height: 30px;\n border-radius: var(--radius-base);\n border: 1px solid transparent;\n cursor: pointer;\n text-align: center;\n /* Data Attribute styling */\n /* Selection Styles */\n}\n._calendar_a5wki_342 .react-aria-CalendarCell[data-hovered] {\n background-color: var(--colors-neutral-grey-base);\n}\n._calendar_a5wki_342 .react-aria-CalendarCell[data-focus-visible], ._calendar_a5wki_342 .react-aria-CalendarCell[data-focused] {\n outline: 2px solid var(--colors-secondary-blue-light);\n}\n._calendar_a5wki_342 .react-aria-CalendarCell[data-selected] {\n background: var(--colors-secondary-blue-base);\n color: white;\n border-radius: 0;\n}\n._calendar_a5wki_342 .react-aria-CalendarCell[data-selected][data-focus-visible] {\n outline-color: var(--colors-secondary-blue-light);\n}\n._calendar_a5wki_342 .react-aria-CalendarCell[data-outside-month], ._calendar_a5wki_342 .react-aria-CalendarCell[data-disabled] {\n cursor: not-allowed;\n color: var(--colors-neutral-ink-lightest);\n}\n._calendar_a5wki_342 .react-aria-CalendarCell[data-unavailable] {\n cursor: not-allowed;\n text-decoration: line-through;\n color: var(--colors-secondary-red-dark);\n}\n._calendar_a5wki_342 .react-aria-CalendarCell[data-unavailable]:hover {\n background-color: inherit;\n}\n._calendar_a5wki_342 .react-aria-CalendarCell[data-selection-start] {\n border-start-start-radius: 6px;\n border-end-start-radius: 6px;\n}\n._calendar_a5wki_342 .react-aria-CalendarCell[data-selection-end] {\n border-start-end-radius: 6px;\n border-end-end-radius: 6px;\n}\n._calendar_a5wki_342 table {\n height: fit-content;\n border-collapse: separate;\n border-spacing: 0 var(--sizes-xs);\n}\n._calendar_a5wki_342 table td {\n padding: 0;\n /*\n * Selectors for today border (has to apply to wrapping td (cannot be targeted directly\n * need to go through :has to get data attributes about the cell)).\n */\n}\n._calendar_a5wki_342 table td:has(div[data-today=true]) > div {\n border: 1px solid var(--colors-neutral-ink-lightest);\n}\n._calendar_a5wki_342 table td:has(div[data-today=true]):has(div[data-selected]) {\n background-color: var(--colors-secondary-blue-base);\n}\n._calendar_a5wki_342 table td:has(div[data-today=true]):has(div[data-selected]) > div {\n border: 1px solid var(--colors-secondary-blue-darkest);\n border-radius: var(--radius-base);\n}\n._calendar_a5wki_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-start]) {\n border-start-start-radius: 6px;\n border-end-start-radius: 6px;\n}\n._calendar_a5wki_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-end]) {\n border-start-end-radius: 6px;\n border-end-end-radius: 6px;\n}\n._calendar_a5wki_342 .react-aria-CalendarCell[data-selected], ._calendar_a5wki_342 table td {\n border-radius: var(--radius-base);\n}");
6
- var styles = {"calendar":"_calendar_a5wki_342"};
5
+ ___$insertStyle("._heading-xxl_1jhcy_1 {\n font-family: var(--text-heading-xxl-font-family);\n font-style: var(--text-heading-xxl-font-style);\n font-weight: var(--text-heading-xxl-font-weight);\n font-size: var(--text-heading-xxl-font-size);\n line-height: var(--text-heading-xxl-line-height);\n color: var(--text-heading-xxl-color);\n text-decoration: var(--text-heading-xxl-text-decoration);\n letter-spacing: var(--text-heading-xxl-letter-spacing);\n}\n\n._heading-xl_1jhcy_12 {\n font-family: var(--text-heading-xl-font-family);\n font-style: var(--text-heading-xl-font-style);\n font-weight: var(--text-heading-xl-font-weight);\n font-size: var(--text-heading-xl-font-size);\n line-height: var(--text-heading-xl-line-height);\n color: var(--text-heading-xl-color);\n text-decoration: var(--text-heading-xl-text-decoration);\n letter-spacing: var(--text-heading-xl-letter-spacing);\n}\n\n._heading-large_1jhcy_23 {\n font-family: var(--text-heading-large-font-family);\n font-style: var(--text-heading-large-font-style);\n font-weight: var(--text-heading-large-font-weight);\n font-size: var(--text-heading-large-font-size);\n line-height: var(--text-heading-large-line-height);\n color: var(--text-heading-large-color);\n text-decoration: var(--text-heading-large-text-decoration);\n letter-spacing: var(--text-heading-large-letter-spacing);\n}\n\n._heading-medium_1jhcy_34 {\n font-family: var(--text-heading-medium-font-family);\n font-style: var(--text-heading-medium-font-style);\n font-weight: var(--text-heading-medium-font-weight);\n font-size: var(--text-heading-medium-font-size);\n line-height: var(--text-heading-medium-line-height);\n color: var(--text-heading-medium-color);\n text-decoration: var(--text-heading-medium-text-decoration);\n letter-spacing: var(--text-heading-medium-letter-spacing);\n}\n\n._heading-small_1jhcy_45 {\n font-family: var(--text-heading-small-font-family);\n font-style: var(--text-heading-small-font-style);\n font-weight: var(--text-heading-small-font-weight);\n font-size: var(--text-heading-small-font-size);\n line-height: var(--text-heading-small-line-height);\n color: var(--text-heading-small-color);\n text-decoration: var(--text-heading-small-text-decoration);\n letter-spacing: var(--text-heading-small-letter-spacing);\n}\n\n._heading-table_1jhcy_56 {\n font-family: var(--text-heading-table-font-family);\n font-style: var(--text-heading-table-font-style);\n font-weight: var(--text-heading-table-font-weight);\n font-size: var(--text-heading-table-font-size);\n line-height: var(--text-heading-table-line-height);\n color: var(--text-heading-table-color);\n text-decoration: var(--text-heading-table-text-decoration);\n letter-spacing: var(--text-heading-table-letter-spacing);\n}\n\n._subheading-large_1jhcy_67 {\n font-family: var(--text-subheading-large-font-family);\n font-style: var(--text-subheading-large-font-style);\n font-weight: var(--text-subheading-large-font-weight);\n font-size: var(--text-subheading-large-font-size);\n line-height: var(--text-subheading-large-line-height);\n color: var(--text-subheading-large-color);\n text-decoration: var(--text-subheading-large-text-decoration);\n letter-spacing: var(--text-subheading-large-letter-spacing);\n}\n\n._subheading-medium_1jhcy_78 {\n font-family: var(--text-subheading-medium-font-family);\n font-style: var(--text-subheading-medium-font-style);\n font-weight: var(--text-subheading-medium-font-weight);\n font-size: var(--text-subheading-medium-font-size);\n line-height: var(--text-subheading-medium-line-height);\n color: var(--text-subheading-medium-color);\n text-decoration: var(--text-subheading-medium-text-decoration);\n letter-spacing: var(--text-subheading-medium-letter-spacing);\n}\n\n._subheading-small_1jhcy_89 {\n font-family: var(--text-subheading-small-font-family);\n font-style: var(--text-subheading-small-font-style);\n font-weight: var(--text-subheading-small-font-weight);\n font-size: var(--text-subheading-small-font-size);\n line-height: var(--text-subheading-small-line-height);\n color: var(--text-subheading-small-color);\n text-decoration: var(--text-subheading-small-text-decoration);\n letter-spacing: var(--text-subheading-small-letter-spacing);\n}\n\n._subheading-small-bold_1jhcy_100 {\n font-family: var(--text-subheading-small-bold-font-family);\n font-style: var(--text-subheading-small-bold-font-style);\n font-weight: var(--text-subheading-small-bold-font-weight);\n font-size: var(--text-subheading-small-bold-font-size);\n line-height: var(--text-subheading-small-bold-line-height);\n color: var(--text-subheading-small-bold-color);\n text-decoration: var(--text-subheading-small-bold-text-decoration);\n letter-spacing: var(--text-subheading-small-bold-letter-spacing);\n}\n\n._body_1jhcy_111 {\n font-family: var(--text-body-font-family);\n font-style: var(--text-body-font-style);\n font-weight: var(--text-body-font-weight);\n font-size: var(--text-body-font-size);\n line-height: var(--text-body-line-height);\n color: var(--text-body-color);\n text-decoration: var(--text-body-text-decoration);\n letter-spacing: var(--text-body-letter-spacing);\n}\n\n._body-small_1jhcy_122 {\n font-family: var(--text-body-small-font-family);\n font-style: var(--text-body-small-font-style);\n font-weight: var(--text-body-small-font-weight);\n font-size: var(--text-body-small-font-size);\n line-height: var(--text-body-small-line-height);\n color: var(--text-body-small-color);\n text-decoration: var(--text-body-small-text-decoration);\n letter-spacing: var(--text-body-small-letter-spacing);\n}\n\n._body-bold_1jhcy_133 {\n font-family: var(--text-body-bold-font-family);\n font-style: var(--text-body-bold-font-style);\n font-weight: var(--text-body-bold-font-weight);\n font-size: var(--text-body-bold-font-size);\n line-height: var(--text-body-bold-line-height);\n color: var(--text-body-bold-color);\n text-decoration: var(--text-body-bold-text-decoration);\n letter-spacing: var(--text-body-bold-letter-spacing);\n}\n\n._body-bold-dark_1jhcy_144 {\n font-family: var(--text-body-bold-dark-font-family);\n font-style: var(--text-body-bold-dark-font-style);\n font-weight: var(--text-body-bold-dark-font-weight);\n font-size: var(--text-body-bold-dark-font-size);\n line-height: var(--text-body-bold-dark-line-height);\n color: var(--text-body-bold-dark-color);\n text-decoration: var(--text-body-bold-dark-text-decoration);\n letter-spacing: var(--text-body-bold-dark-letter-spacing);\n}\n\n._body-small-bold_1jhcy_155 {\n font-family: var(--text-body-small-bold-font-family);\n font-style: var(--text-body-small-bold-font-style);\n font-weight: var(--text-body-small-bold-font-weight);\n font-size: var(--text-body-small-bold-font-size);\n line-height: var(--text-body-small-bold-line-height);\n color: var(--text-body-small-bold-color);\n text-decoration: var(--text-body-small-bold-text-decoration);\n letter-spacing: var(--text-body-small-bold-letter-spacing);\n}\n\n._button_1jhcy_166 {\n font-family: var(--text-button-font-family);\n font-style: var(--text-button-font-style);\n font-weight: var(--text-button-font-weight);\n font-size: var(--text-button-font-size);\n line-height: var(--text-button-line-height);\n color: var(--text-button-color);\n text-decoration: var(--text-button-text-decoration);\n letter-spacing: var(--text-button-letter-spacing);\n}\n\n._button-small_1jhcy_177 {\n font-family: var(--text-button-small-font-family);\n font-style: var(--text-button-small-font-style);\n font-weight: var(--text-button-small-font-weight);\n font-size: var(--text-button-small-font-size);\n line-height: var(--text-button-small-line-height);\n color: var(--text-button-small-color);\n text-decoration: var(--text-button-small-text-decoration);\n letter-spacing: var(--text-button-small-letter-spacing);\n}\n\n._link-large_1jhcy_188 {\n font-family: var(--text-link-large-font-family);\n font-style: var(--text-link-large-font-style);\n font-weight: var(--text-link-large-font-weight);\n font-size: var(--text-link-large-font-size);\n line-height: var(--text-link-large-line-height);\n color: var(--text-link-large-color);\n text-decoration: var(--text-link-large-text-decoration);\n letter-spacing: var(--text-link-large-letter-spacing);\n}\n\n._link-medium_1jhcy_199 {\n font-family: var(--text-link-medium-font-family);\n font-style: var(--text-link-medium-font-style);\n font-weight: var(--text-link-medium-font-weight);\n font-size: var(--text-link-medium-font-size);\n line-height: var(--text-link-medium-line-height);\n color: var(--text-link-medium-color);\n text-decoration: var(--text-link-medium-text-decoration);\n letter-spacing: var(--text-link-medium-letter-spacing);\n}\n\n._link_1jhcy_188 {\n font-family: var(--text-link-font-family);\n font-style: var(--text-link-font-style);\n font-weight: var(--text-link-font-weight);\n font-size: var(--text-link-font-size);\n line-height: var(--text-link-line-height);\n color: var(--text-link-color);\n text-decoration: var(--text-link-text-decoration);\n letter-spacing: var(--text-link-letter-spacing);\n}\n\n._link-small_1jhcy_221 {\n font-family: var(--text-link-small-font-family);\n font-style: var(--text-link-small-font-style);\n font-weight: var(--text-link-small-font-weight);\n font-size: var(--text-link-small-font-size);\n line-height: var(--text-link-small-line-height);\n color: var(--text-link-small-color);\n text-decoration: var(--text-link-small-text-decoration);\n letter-spacing: var(--text-link-small-letter-spacing);\n}\n\n._input-label_1jhcy_232 {\n font-family: var(--text-input-label-font-family);\n font-style: var(--text-input-label-font-style);\n font-weight: var(--text-input-label-font-weight);\n font-size: var(--text-input-label-font-size);\n line-height: var(--text-input-label-line-height);\n color: var(--text-input-label-color);\n text-decoration: var(--text-input-label-text-decoration);\n letter-spacing: var(--text-input-label-letter-spacing);\n}\n\n._input-label-small_1jhcy_243 {\n font-family: var(--text-input-label-small-font-family);\n font-style: var(--text-input-label-small-font-style);\n font-weight: var(--text-input-label-small-font-weight);\n font-size: var(--text-input-label-small-font-size);\n line-height: var(--text-input-label-small-line-height);\n color: var(--text-input-label-small-color);\n text-decoration: var(--text-input-label-small-text-decoration);\n letter-spacing: var(--text-input-label-small-letter-spacing);\n}\n\n._hint-text_1jhcy_254 {\n font-family: var(--text-hint-text-font-family);\n font-style: var(--text-hint-text-font-style);\n font-weight: var(--text-hint-text-font-weight);\n font-size: var(--text-hint-text-font-size);\n line-height: var(--text-hint-text-line-height);\n color: var(--text-hint-text-color);\n text-decoration: var(--text-hint-text-text-decoration);\n letter-spacing: var(--text-hint-text-letter-spacing);\n}\n\n._placeholder_1jhcy_265 {\n font-family: var(--text-placeholder-font-family);\n font-style: var(--text-placeholder-font-style);\n font-weight: var(--text-placeholder-font-weight);\n font-size: var(--text-placeholder-font-size);\n line-height: var(--text-placeholder-line-height);\n color: var(--text-placeholder-color);\n text-decoration: var(--text-placeholder-text-decoration);\n letter-spacing: var(--text-placeholder-letter-spacing);\n}\n\n._placeholder-small_1jhcy_276 {\n font-family: var(--text-placeholder-small-font-family);\n font-style: var(--text-placeholder-small-font-style);\n font-weight: var(--text-placeholder-small-font-weight);\n font-size: var(--text-placeholder-small-font-size);\n line-height: var(--text-placeholder-small-line-height);\n color: var(--text-placeholder-small-color);\n text-decoration: var(--text-placeholder-small-text-decoration);\n letter-spacing: var(--text-placeholder-small-letter-spacing);\n}\n\n._placeholder-code_1jhcy_287 {\n font-family: var(--text-placeholder-code-font-family);\n font-style: var(--text-placeholder-code-font-style);\n font-weight: var(--text-placeholder-code-font-weight);\n font-size: var(--text-placeholder-code-font-size);\n line-height: var(--text-placeholder-code-line-height);\n color: var(--text-placeholder-code-color);\n text-decoration: var(--text-placeholder-code-text-decoration);\n letter-spacing: var(--text-placeholder-code-letter-spacing);\n}\n\n._placeholder-code-small_1jhcy_298 {\n font-family: var(--text-placeholder-code-small-font-family);\n font-style: var(--text-placeholder-code-small-font-style);\n font-weight: var(--text-placeholder-code-small-font-weight);\n font-size: var(--text-placeholder-code-small-font-size);\n line-height: var(--text-placeholder-code-small-line-height);\n color: var(--text-placeholder-code-small-color);\n text-decoration: var(--text-placeholder-code-small-text-decoration);\n letter-spacing: var(--text-placeholder-code-small-letter-spacing);\n}\n\n._error_1jhcy_309 {\n font-family: var(--text-error-font-family);\n font-style: var(--text-error-font-style);\n font-weight: var(--text-error-font-weight);\n font-size: var(--text-error-font-size);\n line-height: var(--text-error-line-height);\n color: var(--text-error-color);\n text-decoration: var(--text-error-text-decoration);\n letter-spacing: var(--text-error-letter-spacing);\n}\n\n._error-small_1jhcy_320 {\n font-family: var(--text-error-small-font-family);\n font-style: var(--text-error-small-font-style);\n font-weight: var(--text-error-small-font-weight);\n font-size: var(--text-error-small-font-size);\n line-height: var(--text-error-small-line-height);\n color: var(--text-error-small-color);\n text-decoration: var(--text-error-small-text-decoration);\n letter-spacing: var(--text-error-small-letter-spacing);\n}\n\n._success-small_1jhcy_331 {\n font-family: var(--text-success-small-font-family);\n font-style: var(--text-success-small-font-style);\n font-weight: var(--text-success-small-font-weight);\n font-size: var(--text-success-small-font-size);\n line-height: var(--text-success-small-line-height);\n color: var(--text-success-small-color);\n text-decoration: var(--text-success-small-text-decoration);\n letter-spacing: var(--text-success-small-letter-spacing);\n}\n\n._calendar_1jhcy_342 {\n width: fit-content;\n max-width: 100%;\n min-width: 225px;\n color: var(--colors-neutral-ink-base);\n font-size: var(--text-body-font-size);\n font-family: var(--font-family);\n}\n._calendar_1jhcy_342 header {\n display: flex;\n align-items: center;\n margin: 0 var(--sizes-xs) var(--sizes-sm) var(--sizes-xs);\n}\n._calendar_1jhcy_342 header .react-aria-Heading {\n flex: 1;\n margin: 0;\n text-align: center;\n font-family: var(--text-heading-small-font-family);\n font-style: var(--text-heading-small-font-style);\n font-weight: var(--text-heading-small-font-weight);\n font-size: var(--text-heading-small-font-size);\n line-height: var(--text-heading-small-line-height);\n color: var(--text-heading-small-color);\n text-decoration: var(--text-heading-small-text-decoration);\n letter-spacing: var(--text-heading-small-letter-spacing);\n}\n._calendar_1jhcy_342 .react-aria-CalendarHeaderCell {\n padding-bottom: var(--sizes-sm);\n}\n._calendar_1jhcy_342 .react-aria-Button {\n color: var(--colors-neutral-ink-base);\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n cursor: pointer;\n height: var(--sizes-10);\n padding: 0 var(--sizes-sm);\n border-radius: var(--radius-base);\n font-size: var(--text-button-font-size);\n line-height: 16px;\n outline: 0;\n --outline-width: var(--sizes-xs);\n}\n._calendar_1jhcy_342 .react-aria-Button svg {\n width: var(--sizes-base);\n height: var(--sizes-base);\n}\n._calendar_1jhcy_342 .react-aria-Button:active, ._calendar_1jhcy_342 .react-aria-Button:focus-visible {\n outline: var(--sizes-xs) solid var(--colors-secondary-blue-light);\n outline-offset: var(--sizes-line);\n}\n._calendar_1jhcy_342 .react-aria-Button:active, ._calendar_1jhcy_342 .react-aria-Button:hover {\n background-color: var(--colors-neutral-grey-light);\n}\n._calendar_1jhcy_342 .react-aria-Button:disabled {\n background-color: transparent;\n border-color: transparent;\n user-select: none;\n color: var(--colors-neutral-grey-base);\n cursor: default;\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell {\n width: 30px;\n line-height: 30px;\n border-radius: var(--radius-base);\n border: 1px solid transparent;\n cursor: pointer;\n text-align: center;\n /* Data Attribute styling */\n /* Selection Styles */\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell[data-hovered] {\n background-color: var(--colors-neutral-grey-base);\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell[data-focus-visible], ._calendar_1jhcy_342 .react-aria-CalendarCell[data-focused] {\n outline: 2px solid var(--colors-secondary-blue-light);\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell[data-selected] {\n background: var(--colors-secondary-blue-base);\n color: white;\n border-radius: 0;\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell[data-selected][data-focus-visible] {\n outline-color: var(--colors-secondary-blue-light);\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell[data-outside-month], ._calendar_1jhcy_342 .react-aria-CalendarCell[data-disabled] {\n cursor: not-allowed;\n color: var(--colors-neutral-ink-lightest);\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell[data-unavailable] {\n cursor: not-allowed;\n text-decoration: line-through;\n color: var(--colors-secondary-red-dark);\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell[data-unavailable]:hover {\n background-color: inherit;\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell[data-selection-start] {\n border-start-start-radius: 6px;\n border-end-start-radius: 6px;\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell[data-selection-end] {\n border-start-end-radius: 6px;\n border-end-end-radius: 6px;\n}\n._calendar_1jhcy_342 table {\n height: fit-content;\n border-collapse: separate;\n border-spacing: 0 var(--sizes-xs);\n}\n._calendar_1jhcy_342 table td {\n padding: 0;\n /*\n * Selectors for today border (has to apply to wrapping td (cannot be targeted directly\n * need to go through :has to get data attributes about the cell)).\n */\n}\n._calendar_1jhcy_342 table td:has(div[data-today=true]) > div {\n border: 1px solid var(--colors-neutral-ink-lightest);\n}\n._calendar_1jhcy_342 table td:has(div[data-today=true]):has(div[data-selected]) {\n background-color: var(--colors-secondary-blue-base);\n}\n._calendar_1jhcy_342 table td:has(div[data-today=true]):has(div[data-selected]) > div {\n border: 1px solid var(--colors-secondary-blue-darkest);\n border-radius: var(--radius-base);\n}\n._calendar_1jhcy_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-start]) {\n border-start-start-radius: 6px;\n border-end-start-radius: 6px;\n}\n._calendar_1jhcy_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-end]) {\n border-start-end-radius: 6px;\n border-end-end-radius: 6px;\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell[data-selected], ._calendar_1jhcy_342 table td {\n border-radius: var(--radius-base);\n}");
6
+ var styles = {"calendar":"_calendar_1jhcy_342"};
7
7
 
8
8
  module.exports = styles;
9
9
  //# sourceMappingURL=Calendar.module.scss.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"Calendar.module.scss.cjs","sources":["../../../../../src/components/Calendars/components/Calendar/Calendar.module.scss"],"sourcesContent":["@use '../subcomponents/CalendarStyles/calendar-styles' as cal;\n\n.calendar {\n @include cal.calendar-base;\n\n & :global(.react-aria-CalendarCell)[data-selected],\n & table td {\n border-radius: var(--radius-base);\n }\n}\n"],"names":[],"mappings":";;;;AAGE,eAAA,CAAA,+4lBAAA;AACA,aAAA,CAAA,UAAA,CAAA,qBAAA;;;;"}
1
+ {"version":3,"file":"Calendar.module.scss.cjs","sources":["../../../../../src/components/Calendars/components/Calendar/Calendar.module.scss"],"sourcesContent":["@use '../subcomponents/CalendarStyles/calendar-styles' as cal;\n\n.calendar {\n @include cal.calendar-base;\n\n & :global(.react-aria-CalendarCell)[data-selected],\n & table td {\n border-radius: var(--radius-base);\n }\n}\n"],"names":[],"mappings":";;;;AAGE,eAAA,CAAA,66lBAAA;AACA,aAAA,CAAA,UAAA,CAAA,qBAAA;;;;"}
@@ -1,7 +1,7 @@
1
1
  import insertStyle from '../../../../_virtual/____insertStyle.js';
2
2
 
3
- insertStyle("._heading-xxl_a5wki_1 {\n font-family: var(--text-heading-xxl-font-family);\n font-style: var(--text-heading-xxl-font-style);\n font-weight: var(--text-heading-xxl-font-weight);\n font-size: var(--text-heading-xxl-font-size);\n line-height: var(--text-heading-xxl-line-height);\n color: var(--text-heading-xxl-color);\n text-decoration: var(--text-heading-xxl-text-decoration);\n letter-spacing: var(--text-heading-xxl-letter-spacing);\n}\n\n._heading-xl_a5wki_12 {\n font-family: var(--text-heading-xl-font-family);\n font-style: var(--text-heading-xl-font-style);\n font-weight: var(--text-heading-xl-font-weight);\n font-size: var(--text-heading-xl-font-size);\n line-height: var(--text-heading-xl-line-height);\n color: var(--text-heading-xl-color);\n text-decoration: var(--text-heading-xl-text-decoration);\n letter-spacing: var(--text-heading-xl-letter-spacing);\n}\n\n._heading-large_a5wki_23 {\n font-family: var(--text-heading-large-font-family);\n font-style: var(--text-heading-large-font-style);\n font-weight: var(--text-heading-large-font-weight);\n font-size: var(--text-heading-large-font-size);\n line-height: var(--text-heading-large-line-height);\n color: var(--text-heading-large-color);\n text-decoration: var(--text-heading-large-text-decoration);\n letter-spacing: var(--text-heading-large-letter-spacing);\n}\n\n._heading-medium_a5wki_34 {\n font-family: var(--text-heading-medium-font-family);\n font-style: var(--text-heading-medium-font-style);\n font-weight: var(--text-heading-medium-font-weight);\n font-size: var(--text-heading-medium-font-size);\n line-height: var(--text-heading-medium-line-height);\n color: var(--text-heading-medium-color);\n text-decoration: var(--text-heading-medium-text-decoration);\n letter-spacing: var(--text-heading-medium-letter-spacing);\n}\n\n._heading-small_a5wki_45 {\n font-family: var(--text-heading-small-font-family);\n font-style: var(--text-heading-small-font-style);\n font-weight: var(--text-heading-small-font-weight);\n font-size: var(--text-heading-small-font-size);\n line-height: var(--text-heading-small-line-height);\n color: var(--text-heading-small-color);\n text-decoration: var(--text-heading-small-text-decoration);\n letter-spacing: var(--text-heading-small-letter-spacing);\n}\n\n._heading-table_a5wki_56 {\n font-family: var(--text-heading-table-font-family);\n font-style: var(--text-heading-table-font-style);\n font-weight: var(--text-heading-table-font-weight);\n font-size: var(--text-heading-table-font-size);\n line-height: var(--text-heading-table-line-height);\n color: var(--text-heading-table-color);\n text-decoration: var(--text-heading-table-text-decoration);\n letter-spacing: var(--text-heading-table-letter-spacing);\n}\n\n._subheading-large_a5wki_67 {\n font-family: var(--text-subheading-large-font-family);\n font-style: var(--text-subheading-large-font-style);\n font-weight: var(--text-subheading-large-font-weight);\n font-size: var(--text-subheading-large-font-size);\n line-height: var(--text-subheading-large-line-height);\n color: var(--text-subheading-large-color);\n text-decoration: var(--text-subheading-large-text-decoration);\n letter-spacing: var(--text-subheading-large-letter-spacing);\n}\n\n._subheading-medium_a5wki_78 {\n font-family: var(--text-subheading-medium-font-family);\n font-style: var(--text-subheading-medium-font-style);\n font-weight: var(--text-subheading-medium-font-weight);\n font-size: var(--text-subheading-medium-font-size);\n line-height: var(--text-subheading-medium-line-height);\n color: var(--text-subheading-medium-color);\n text-decoration: var(--text-subheading-medium-text-decoration);\n letter-spacing: var(--text-subheading-medium-letter-spacing);\n}\n\n._subheading-small_a5wki_89 {\n font-family: var(--text-subheading-small-font-family);\n font-style: var(--text-subheading-small-font-style);\n font-weight: var(--text-subheading-small-font-weight);\n font-size: var(--text-subheading-small-font-size);\n line-height: var(--text-subheading-small-line-height);\n color: var(--text-subheading-small-color);\n text-decoration: var(--text-subheading-small-text-decoration);\n letter-spacing: var(--text-subheading-small-letter-spacing);\n}\n\n._subheading-small-bold_a5wki_100 {\n font-family: var(--text-subheading-small-bold-font-family);\n font-style: var(--text-subheading-small-bold-font-style);\n font-weight: var(--text-subheading-small-bold-font-weight);\n font-size: var(--text-subheading-small-bold-font-size);\n line-height: var(--text-subheading-small-bold-line-height);\n color: var(--text-subheading-small-bold-color);\n text-decoration: var(--text-subheading-small-bold-text-decoration);\n letter-spacing: var(--text-subheading-small-bold-letter-spacing);\n}\n\n._body_a5wki_111 {\n font-family: var(--text-body-font-family);\n font-style: var(--text-body-font-style);\n font-weight: var(--text-body-font-weight);\n font-size: var(--text-body-font-size);\n line-height: var(--text-body-line-height);\n color: var(--text-body-color);\n text-decoration: var(--text-body-text-decoration);\n letter-spacing: var(--text-body-letter-spacing);\n}\n\n._body-small_a5wki_122 {\n font-family: var(--text-body-small-font-family);\n font-style: var(--text-body-small-font-style);\n font-weight: var(--text-body-small-font-weight);\n font-size: var(--text-body-small-font-size);\n line-height: var(--text-body-small-line-height);\n color: var(--text-body-small-color);\n text-decoration: var(--text-body-small-text-decoration);\n letter-spacing: var(--text-body-small-letter-spacing);\n}\n\n._body-bold_a5wki_133 {\n font-family: var(--text-body-bold-font-family);\n font-style: var(--text-body-bold-font-style);\n font-weight: var(--text-body-bold-font-weight);\n font-size: var(--text-body-bold-font-size);\n line-height: var(--text-body-bold-line-height);\n color: var(--text-body-bold-color);\n text-decoration: var(--text-body-bold-text-decoration);\n letter-spacing: var(--text-body-bold-letter-spacing);\n}\n\n._body-bold-dark_a5wki_144 {\n font-family: var(--text-body-bold-dark-font-family);\n font-style: var(--text-body-bold-dark-font-style);\n font-weight: var(--text-body-bold-dark-font-weight);\n font-size: var(--text-body-bold-dark-font-size);\n line-height: var(--text-body-bold-dark-line-height);\n color: var(--text-body-bold-dark-color);\n text-decoration: var(--text-body-bold-dark-text-decoration);\n letter-spacing: var(--text-body-bold-dark-letter-spacing);\n}\n\n._body-small-bold_a5wki_155 {\n font-family: var(--text-body-small-bold-font-family);\n font-style: var(--text-body-small-bold-font-style);\n font-weight: var(--text-body-small-bold-font-weight);\n font-size: var(--text-body-small-bold-font-size);\n line-height: var(--text-body-small-bold-line-height);\n color: var(--text-body-small-bold-color);\n text-decoration: var(--text-body-small-bold-text-decoration);\n letter-spacing: var(--text-body-small-bold-letter-spacing);\n}\n\n._button_a5wki_166 {\n font-family: var(--text-button-font-family);\n font-style: var(--text-button-font-style);\n font-weight: var(--text-button-font-weight);\n font-size: var(--text-button-font-size);\n line-height: var(--text-button-line-height);\n color: var(--text-button-color);\n text-decoration: var(--text-button-text-decoration);\n letter-spacing: var(--text-button-letter-spacing);\n}\n\n._button-small_a5wki_177 {\n font-family: var(--text-button-small-font-family);\n font-style: var(--text-button-small-font-style);\n font-weight: var(--text-button-small-font-weight);\n font-size: var(--text-button-small-font-size);\n line-height: var(--text-button-small-line-height);\n color: var(--text-button-small-color);\n text-decoration: var(--text-button-small-text-decoration);\n letter-spacing: var(--text-button-small-letter-spacing);\n}\n\n._link-large_a5wki_188 {\n font-family: var(--text-link-large-font-family);\n font-style: var(--text-link-large-font-style);\n font-weight: var(--text-link-large-font-weight);\n font-size: var(--text-link-large-font-size);\n line-height: var(--text-link-large-line-height);\n color: var(--text-link-large-color);\n text-decoration: var(--text-link-large-text-decoration);\n letter-spacing: var(--text-link-large-letter-spacing);\n}\n\n._link-medium_a5wki_199 {\n font-family: var(--text-link-medium-font-family);\n font-style: var(--text-link-medium-font-style);\n font-weight: var(--text-link-medium-font-weight);\n font-size: var(--text-link-medium-font-size);\n line-height: var(--text-link-medium-line-height);\n color: var(--text-link-medium-color);\n text-decoration: var(--text-link-medium-text-decoration);\n letter-spacing: var(--text-link-medium-letter-spacing);\n}\n\n._link_a5wki_188 {\n font-family: var(--text-link-font-family);\n font-style: var(--text-link-font-style);\n font-weight: var(--text-link-font-weight);\n font-size: var(--text-link-font-size);\n line-height: var(--text-link-line-height);\n color: var(--text-link-color);\n text-decoration: var(--text-link-text-decoration);\n letter-spacing: var(--text-link-letter-spacing);\n}\n\n._link-small_a5wki_221 {\n font-family: var(--text-link-small-font-family);\n font-style: var(--text-link-small-font-style);\n font-weight: var(--text-link-small-font-weight);\n font-size: var(--text-link-small-font-size);\n line-height: var(--text-link-small-line-height);\n color: var(--text-link-small-color);\n text-decoration: var(--text-link-small-text-decoration);\n letter-spacing: var(--text-link-small-letter-spacing);\n}\n\n._input-label_a5wki_232 {\n font-family: var(--text-input-label-font-family);\n font-style: var(--text-input-label-font-style);\n font-weight: var(--text-input-label-font-weight);\n font-size: var(--text-input-label-font-size);\n line-height: var(--text-input-label-line-height);\n color: var(--text-input-label-color);\n text-decoration: var(--text-input-label-text-decoration);\n letter-spacing: var(--text-input-label-letter-spacing);\n}\n\n._input-label-small_a5wki_243 {\n font-family: var(--text-input-label-small-font-family);\n font-style: var(--text-input-label-small-font-style);\n font-weight: var(--text-input-label-small-font-weight);\n font-size: var(--text-input-label-small-font-size);\n line-height: var(--text-input-label-small-line-height);\n color: var(--text-input-label-small-color);\n text-decoration: var(--text-input-label-small-text-decoration);\n letter-spacing: var(--text-input-label-small-letter-spacing);\n}\n\n._hint-text_a5wki_254 {\n font-family: var(--text-hint-text-font-family);\n font-style: var(--text-hint-text-font-style);\n font-weight: var(--text-hint-text-font-weight);\n font-size: var(--text-hint-text-font-size);\n line-height: var(--text-hint-text-line-height);\n color: var(--text-hint-text-color);\n text-decoration: var(--text-hint-text-text-decoration);\n letter-spacing: var(--text-hint-text-letter-spacing);\n}\n\n._placeholder_a5wki_265 {\n font-family: var(--text-placeholder-font-family);\n font-style: var(--text-placeholder-font-style);\n font-weight: var(--text-placeholder-font-weight);\n font-size: var(--text-placeholder-font-size);\n line-height: var(--text-placeholder-line-height);\n color: var(--text-placeholder-color);\n text-decoration: var(--text-placeholder-text-decoration);\n letter-spacing: var(--text-placeholder-letter-spacing);\n}\n\n._placeholder-small_a5wki_276 {\n font-family: var(--text-placeholder-small-font-family);\n font-style: var(--text-placeholder-small-font-style);\n font-weight: var(--text-placeholder-small-font-weight);\n font-size: var(--text-placeholder-small-font-size);\n line-height: var(--text-placeholder-small-line-height);\n color: var(--text-placeholder-small-color);\n text-decoration: var(--text-placeholder-small-text-decoration);\n letter-spacing: var(--text-placeholder-small-letter-spacing);\n}\n\n._placeholder-code_a5wki_287 {\n font-family: var(--text-placeholder-code-font-family);\n font-style: var(--text-placeholder-code-font-style);\n font-weight: var(--text-placeholder-code-font-weight);\n font-size: var(--text-placeholder-code-font-size);\n line-height: var(--text-placeholder-code-line-height);\n color: var(--text-placeholder-code-color);\n text-decoration: var(--text-placeholder-code-text-decoration);\n letter-spacing: var(--text-placeholder-code-letter-spacing);\n}\n\n._placeholder-code-small_a5wki_298 {\n font-family: var(--text-placeholder-code-small-font-family);\n font-style: var(--text-placeholder-code-small-font-style);\n font-weight: var(--text-placeholder-code-small-font-weight);\n font-size: var(--text-placeholder-code-small-font-size);\n line-height: var(--text-placeholder-code-small-line-height);\n color: var(--text-placeholder-code-small-color);\n text-decoration: var(--text-placeholder-code-small-text-decoration);\n letter-spacing: var(--text-placeholder-code-small-letter-spacing);\n}\n\n._error_a5wki_309 {\n font-family: var(--text-error-font-family);\n font-style: var(--text-error-font-style);\n font-weight: var(--text-error-font-weight);\n font-size: var(--text-error-font-size);\n line-height: var(--text-error-line-height);\n color: var(--text-error-color);\n text-decoration: var(--text-error-text-decoration);\n letter-spacing: var(--text-error-letter-spacing);\n}\n\n._error-small_a5wki_320 {\n font-family: var(--text-error-small-font-family);\n font-style: var(--text-error-small-font-style);\n font-weight: var(--text-error-small-font-weight);\n font-size: var(--text-error-small-font-size);\n line-height: var(--text-error-small-line-height);\n color: var(--text-error-small-color);\n text-decoration: var(--text-error-small-text-decoration);\n letter-spacing: var(--text-error-small-letter-spacing);\n}\n\n._success-small_a5wki_331 {\n font-family: var(--text-success-small-font-family);\n font-style: var(--text-success-small-font-style);\n font-weight: var(--text-success-small-font-weight);\n font-size: var(--text-success-small-font-size);\n line-height: var(--text-success-small-line-height);\n color: var(--text-success-small-color);\n text-decoration: var(--text-success-small-text-decoration);\n letter-spacing: var(--text-success-small-letter-spacing);\n}\n\n._calendar_a5wki_342 {\n width: fit-content;\n max-width: 100%;\n min-width: 225px;\n color: var(--colors-neutral-ink-base);\n font-size: var(--text-body-font-size);\n font-family: var(--font-family);\n}\n._calendar_a5wki_342 header {\n display: flex;\n align-items: center;\n margin: 0 var(--sizes-xs) var(--sizes-sm) var(--sizes-xs);\n}\n._calendar_a5wki_342 header .react-aria-Heading {\n flex: 1;\n margin: 0;\n text-align: center;\n font-family: var(--text-heading-small-font-family);\n font-style: var(--text-heading-small-font-style);\n font-weight: var(--text-heading-small-font-weight);\n font-size: var(--text-heading-small-font-size);\n line-height: var(--text-heading-small-line-height);\n color: var(--text-heading-small-color);\n text-decoration: var(--text-heading-small-text-decoration);\n letter-spacing: var(--text-heading-small-letter-spacing);\n}\n._calendar_a5wki_342 .react-aria-CalendarHeaderCell {\n padding-bottom: var(--sizes-sm);\n}\n._calendar_a5wki_342 .react-aria-Button {\n color: var(--colors-neutral-ink-base);\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n cursor: pointer;\n height: var(--sizes-10);\n padding: 0 var(--sizes-sm);\n border-radius: var(--radius-base);\n font-size: var(--text-button-font-size);\n line-height: 16px;\n outline: 0;\n --outline-width: var(--sizes-xs);\n}\n._calendar_a5wki_342 .react-aria-Button svg {\n width: var(--sizes-base);\n height: var(--sizes-base);\n}\n._calendar_a5wki_342 .react-aria-Button:active, ._calendar_a5wki_342 .react-aria-Button:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n}\n._calendar_a5wki_342 .react-aria-Button:active, ._calendar_a5wki_342 .react-aria-Button:hover {\n background-color: var(--colors-neutral-grey-light);\n}\n._calendar_a5wki_342 .react-aria-Button:disabled {\n background-color: transparent;\n border-color: transparent;\n user-select: none;\n color: var(--colors-neutral-grey-base);\n cursor: default;\n}\n._calendar_a5wki_342 .react-aria-CalendarCell {\n width: 30px;\n line-height: 30px;\n border-radius: var(--radius-base);\n border: 1px solid transparent;\n cursor: pointer;\n text-align: center;\n /* Data Attribute styling */\n /* Selection Styles */\n}\n._calendar_a5wki_342 .react-aria-CalendarCell[data-hovered] {\n background-color: var(--colors-neutral-grey-base);\n}\n._calendar_a5wki_342 .react-aria-CalendarCell[data-focus-visible], ._calendar_a5wki_342 .react-aria-CalendarCell[data-focused] {\n outline: 2px solid var(--colors-secondary-blue-light);\n}\n._calendar_a5wki_342 .react-aria-CalendarCell[data-selected] {\n background: var(--colors-secondary-blue-base);\n color: white;\n border-radius: 0;\n}\n._calendar_a5wki_342 .react-aria-CalendarCell[data-selected][data-focus-visible] {\n outline-color: var(--colors-secondary-blue-light);\n}\n._calendar_a5wki_342 .react-aria-CalendarCell[data-outside-month], ._calendar_a5wki_342 .react-aria-CalendarCell[data-disabled] {\n cursor: not-allowed;\n color: var(--colors-neutral-ink-lightest);\n}\n._calendar_a5wki_342 .react-aria-CalendarCell[data-unavailable] {\n cursor: not-allowed;\n text-decoration: line-through;\n color: var(--colors-secondary-red-dark);\n}\n._calendar_a5wki_342 .react-aria-CalendarCell[data-unavailable]:hover {\n background-color: inherit;\n}\n._calendar_a5wki_342 .react-aria-CalendarCell[data-selection-start] {\n border-start-start-radius: 6px;\n border-end-start-radius: 6px;\n}\n._calendar_a5wki_342 .react-aria-CalendarCell[data-selection-end] {\n border-start-end-radius: 6px;\n border-end-end-radius: 6px;\n}\n._calendar_a5wki_342 table {\n height: fit-content;\n border-collapse: separate;\n border-spacing: 0 var(--sizes-xs);\n}\n._calendar_a5wki_342 table td {\n padding: 0;\n /*\n * Selectors for today border (has to apply to wrapping td (cannot be targeted directly\n * need to go through :has to get data attributes about the cell)).\n */\n}\n._calendar_a5wki_342 table td:has(div[data-today=true]) > div {\n border: 1px solid var(--colors-neutral-ink-lightest);\n}\n._calendar_a5wki_342 table td:has(div[data-today=true]):has(div[data-selected]) {\n background-color: var(--colors-secondary-blue-base);\n}\n._calendar_a5wki_342 table td:has(div[data-today=true]):has(div[data-selected]) > div {\n border: 1px solid var(--colors-secondary-blue-darkest);\n border-radius: var(--radius-base);\n}\n._calendar_a5wki_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-start]) {\n border-start-start-radius: 6px;\n border-end-start-radius: 6px;\n}\n._calendar_a5wki_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-end]) {\n border-start-end-radius: 6px;\n border-end-end-radius: 6px;\n}\n._calendar_a5wki_342 .react-aria-CalendarCell[data-selected], ._calendar_a5wki_342 table td {\n border-radius: var(--radius-base);\n}");
4
- var styles = {"calendar":"_calendar_a5wki_342"};
3
+ insertStyle("._heading-xxl_1jhcy_1 {\n font-family: var(--text-heading-xxl-font-family);\n font-style: var(--text-heading-xxl-font-style);\n font-weight: var(--text-heading-xxl-font-weight);\n font-size: var(--text-heading-xxl-font-size);\n line-height: var(--text-heading-xxl-line-height);\n color: var(--text-heading-xxl-color);\n text-decoration: var(--text-heading-xxl-text-decoration);\n letter-spacing: var(--text-heading-xxl-letter-spacing);\n}\n\n._heading-xl_1jhcy_12 {\n font-family: var(--text-heading-xl-font-family);\n font-style: var(--text-heading-xl-font-style);\n font-weight: var(--text-heading-xl-font-weight);\n font-size: var(--text-heading-xl-font-size);\n line-height: var(--text-heading-xl-line-height);\n color: var(--text-heading-xl-color);\n text-decoration: var(--text-heading-xl-text-decoration);\n letter-spacing: var(--text-heading-xl-letter-spacing);\n}\n\n._heading-large_1jhcy_23 {\n font-family: var(--text-heading-large-font-family);\n font-style: var(--text-heading-large-font-style);\n font-weight: var(--text-heading-large-font-weight);\n font-size: var(--text-heading-large-font-size);\n line-height: var(--text-heading-large-line-height);\n color: var(--text-heading-large-color);\n text-decoration: var(--text-heading-large-text-decoration);\n letter-spacing: var(--text-heading-large-letter-spacing);\n}\n\n._heading-medium_1jhcy_34 {\n font-family: var(--text-heading-medium-font-family);\n font-style: var(--text-heading-medium-font-style);\n font-weight: var(--text-heading-medium-font-weight);\n font-size: var(--text-heading-medium-font-size);\n line-height: var(--text-heading-medium-line-height);\n color: var(--text-heading-medium-color);\n text-decoration: var(--text-heading-medium-text-decoration);\n letter-spacing: var(--text-heading-medium-letter-spacing);\n}\n\n._heading-small_1jhcy_45 {\n font-family: var(--text-heading-small-font-family);\n font-style: var(--text-heading-small-font-style);\n font-weight: var(--text-heading-small-font-weight);\n font-size: var(--text-heading-small-font-size);\n line-height: var(--text-heading-small-line-height);\n color: var(--text-heading-small-color);\n text-decoration: var(--text-heading-small-text-decoration);\n letter-spacing: var(--text-heading-small-letter-spacing);\n}\n\n._heading-table_1jhcy_56 {\n font-family: var(--text-heading-table-font-family);\n font-style: var(--text-heading-table-font-style);\n font-weight: var(--text-heading-table-font-weight);\n font-size: var(--text-heading-table-font-size);\n line-height: var(--text-heading-table-line-height);\n color: var(--text-heading-table-color);\n text-decoration: var(--text-heading-table-text-decoration);\n letter-spacing: var(--text-heading-table-letter-spacing);\n}\n\n._subheading-large_1jhcy_67 {\n font-family: var(--text-subheading-large-font-family);\n font-style: var(--text-subheading-large-font-style);\n font-weight: var(--text-subheading-large-font-weight);\n font-size: var(--text-subheading-large-font-size);\n line-height: var(--text-subheading-large-line-height);\n color: var(--text-subheading-large-color);\n text-decoration: var(--text-subheading-large-text-decoration);\n letter-spacing: var(--text-subheading-large-letter-spacing);\n}\n\n._subheading-medium_1jhcy_78 {\n font-family: var(--text-subheading-medium-font-family);\n font-style: var(--text-subheading-medium-font-style);\n font-weight: var(--text-subheading-medium-font-weight);\n font-size: var(--text-subheading-medium-font-size);\n line-height: var(--text-subheading-medium-line-height);\n color: var(--text-subheading-medium-color);\n text-decoration: var(--text-subheading-medium-text-decoration);\n letter-spacing: var(--text-subheading-medium-letter-spacing);\n}\n\n._subheading-small_1jhcy_89 {\n font-family: var(--text-subheading-small-font-family);\n font-style: var(--text-subheading-small-font-style);\n font-weight: var(--text-subheading-small-font-weight);\n font-size: var(--text-subheading-small-font-size);\n line-height: var(--text-subheading-small-line-height);\n color: var(--text-subheading-small-color);\n text-decoration: var(--text-subheading-small-text-decoration);\n letter-spacing: var(--text-subheading-small-letter-spacing);\n}\n\n._subheading-small-bold_1jhcy_100 {\n font-family: var(--text-subheading-small-bold-font-family);\n font-style: var(--text-subheading-small-bold-font-style);\n font-weight: var(--text-subheading-small-bold-font-weight);\n font-size: var(--text-subheading-small-bold-font-size);\n line-height: var(--text-subheading-small-bold-line-height);\n color: var(--text-subheading-small-bold-color);\n text-decoration: var(--text-subheading-small-bold-text-decoration);\n letter-spacing: var(--text-subheading-small-bold-letter-spacing);\n}\n\n._body_1jhcy_111 {\n font-family: var(--text-body-font-family);\n font-style: var(--text-body-font-style);\n font-weight: var(--text-body-font-weight);\n font-size: var(--text-body-font-size);\n line-height: var(--text-body-line-height);\n color: var(--text-body-color);\n text-decoration: var(--text-body-text-decoration);\n letter-spacing: var(--text-body-letter-spacing);\n}\n\n._body-small_1jhcy_122 {\n font-family: var(--text-body-small-font-family);\n font-style: var(--text-body-small-font-style);\n font-weight: var(--text-body-small-font-weight);\n font-size: var(--text-body-small-font-size);\n line-height: var(--text-body-small-line-height);\n color: var(--text-body-small-color);\n text-decoration: var(--text-body-small-text-decoration);\n letter-spacing: var(--text-body-small-letter-spacing);\n}\n\n._body-bold_1jhcy_133 {\n font-family: var(--text-body-bold-font-family);\n font-style: var(--text-body-bold-font-style);\n font-weight: var(--text-body-bold-font-weight);\n font-size: var(--text-body-bold-font-size);\n line-height: var(--text-body-bold-line-height);\n color: var(--text-body-bold-color);\n text-decoration: var(--text-body-bold-text-decoration);\n letter-spacing: var(--text-body-bold-letter-spacing);\n}\n\n._body-bold-dark_1jhcy_144 {\n font-family: var(--text-body-bold-dark-font-family);\n font-style: var(--text-body-bold-dark-font-style);\n font-weight: var(--text-body-bold-dark-font-weight);\n font-size: var(--text-body-bold-dark-font-size);\n line-height: var(--text-body-bold-dark-line-height);\n color: var(--text-body-bold-dark-color);\n text-decoration: var(--text-body-bold-dark-text-decoration);\n letter-spacing: var(--text-body-bold-dark-letter-spacing);\n}\n\n._body-small-bold_1jhcy_155 {\n font-family: var(--text-body-small-bold-font-family);\n font-style: var(--text-body-small-bold-font-style);\n font-weight: var(--text-body-small-bold-font-weight);\n font-size: var(--text-body-small-bold-font-size);\n line-height: var(--text-body-small-bold-line-height);\n color: var(--text-body-small-bold-color);\n text-decoration: var(--text-body-small-bold-text-decoration);\n letter-spacing: var(--text-body-small-bold-letter-spacing);\n}\n\n._button_1jhcy_166 {\n font-family: var(--text-button-font-family);\n font-style: var(--text-button-font-style);\n font-weight: var(--text-button-font-weight);\n font-size: var(--text-button-font-size);\n line-height: var(--text-button-line-height);\n color: var(--text-button-color);\n text-decoration: var(--text-button-text-decoration);\n letter-spacing: var(--text-button-letter-spacing);\n}\n\n._button-small_1jhcy_177 {\n font-family: var(--text-button-small-font-family);\n font-style: var(--text-button-small-font-style);\n font-weight: var(--text-button-small-font-weight);\n font-size: var(--text-button-small-font-size);\n line-height: var(--text-button-small-line-height);\n color: var(--text-button-small-color);\n text-decoration: var(--text-button-small-text-decoration);\n letter-spacing: var(--text-button-small-letter-spacing);\n}\n\n._link-large_1jhcy_188 {\n font-family: var(--text-link-large-font-family);\n font-style: var(--text-link-large-font-style);\n font-weight: var(--text-link-large-font-weight);\n font-size: var(--text-link-large-font-size);\n line-height: var(--text-link-large-line-height);\n color: var(--text-link-large-color);\n text-decoration: var(--text-link-large-text-decoration);\n letter-spacing: var(--text-link-large-letter-spacing);\n}\n\n._link-medium_1jhcy_199 {\n font-family: var(--text-link-medium-font-family);\n font-style: var(--text-link-medium-font-style);\n font-weight: var(--text-link-medium-font-weight);\n font-size: var(--text-link-medium-font-size);\n line-height: var(--text-link-medium-line-height);\n color: var(--text-link-medium-color);\n text-decoration: var(--text-link-medium-text-decoration);\n letter-spacing: var(--text-link-medium-letter-spacing);\n}\n\n._link_1jhcy_188 {\n font-family: var(--text-link-font-family);\n font-style: var(--text-link-font-style);\n font-weight: var(--text-link-font-weight);\n font-size: var(--text-link-font-size);\n line-height: var(--text-link-line-height);\n color: var(--text-link-color);\n text-decoration: var(--text-link-text-decoration);\n letter-spacing: var(--text-link-letter-spacing);\n}\n\n._link-small_1jhcy_221 {\n font-family: var(--text-link-small-font-family);\n font-style: var(--text-link-small-font-style);\n font-weight: var(--text-link-small-font-weight);\n font-size: var(--text-link-small-font-size);\n line-height: var(--text-link-small-line-height);\n color: var(--text-link-small-color);\n text-decoration: var(--text-link-small-text-decoration);\n letter-spacing: var(--text-link-small-letter-spacing);\n}\n\n._input-label_1jhcy_232 {\n font-family: var(--text-input-label-font-family);\n font-style: var(--text-input-label-font-style);\n font-weight: var(--text-input-label-font-weight);\n font-size: var(--text-input-label-font-size);\n line-height: var(--text-input-label-line-height);\n color: var(--text-input-label-color);\n text-decoration: var(--text-input-label-text-decoration);\n letter-spacing: var(--text-input-label-letter-spacing);\n}\n\n._input-label-small_1jhcy_243 {\n font-family: var(--text-input-label-small-font-family);\n font-style: var(--text-input-label-small-font-style);\n font-weight: var(--text-input-label-small-font-weight);\n font-size: var(--text-input-label-small-font-size);\n line-height: var(--text-input-label-small-line-height);\n color: var(--text-input-label-small-color);\n text-decoration: var(--text-input-label-small-text-decoration);\n letter-spacing: var(--text-input-label-small-letter-spacing);\n}\n\n._hint-text_1jhcy_254 {\n font-family: var(--text-hint-text-font-family);\n font-style: var(--text-hint-text-font-style);\n font-weight: var(--text-hint-text-font-weight);\n font-size: var(--text-hint-text-font-size);\n line-height: var(--text-hint-text-line-height);\n color: var(--text-hint-text-color);\n text-decoration: var(--text-hint-text-text-decoration);\n letter-spacing: var(--text-hint-text-letter-spacing);\n}\n\n._placeholder_1jhcy_265 {\n font-family: var(--text-placeholder-font-family);\n font-style: var(--text-placeholder-font-style);\n font-weight: var(--text-placeholder-font-weight);\n font-size: var(--text-placeholder-font-size);\n line-height: var(--text-placeholder-line-height);\n color: var(--text-placeholder-color);\n text-decoration: var(--text-placeholder-text-decoration);\n letter-spacing: var(--text-placeholder-letter-spacing);\n}\n\n._placeholder-small_1jhcy_276 {\n font-family: var(--text-placeholder-small-font-family);\n font-style: var(--text-placeholder-small-font-style);\n font-weight: var(--text-placeholder-small-font-weight);\n font-size: var(--text-placeholder-small-font-size);\n line-height: var(--text-placeholder-small-line-height);\n color: var(--text-placeholder-small-color);\n text-decoration: var(--text-placeholder-small-text-decoration);\n letter-spacing: var(--text-placeholder-small-letter-spacing);\n}\n\n._placeholder-code_1jhcy_287 {\n font-family: var(--text-placeholder-code-font-family);\n font-style: var(--text-placeholder-code-font-style);\n font-weight: var(--text-placeholder-code-font-weight);\n font-size: var(--text-placeholder-code-font-size);\n line-height: var(--text-placeholder-code-line-height);\n color: var(--text-placeholder-code-color);\n text-decoration: var(--text-placeholder-code-text-decoration);\n letter-spacing: var(--text-placeholder-code-letter-spacing);\n}\n\n._placeholder-code-small_1jhcy_298 {\n font-family: var(--text-placeholder-code-small-font-family);\n font-style: var(--text-placeholder-code-small-font-style);\n font-weight: var(--text-placeholder-code-small-font-weight);\n font-size: var(--text-placeholder-code-small-font-size);\n line-height: var(--text-placeholder-code-small-line-height);\n color: var(--text-placeholder-code-small-color);\n text-decoration: var(--text-placeholder-code-small-text-decoration);\n letter-spacing: var(--text-placeholder-code-small-letter-spacing);\n}\n\n._error_1jhcy_309 {\n font-family: var(--text-error-font-family);\n font-style: var(--text-error-font-style);\n font-weight: var(--text-error-font-weight);\n font-size: var(--text-error-font-size);\n line-height: var(--text-error-line-height);\n color: var(--text-error-color);\n text-decoration: var(--text-error-text-decoration);\n letter-spacing: var(--text-error-letter-spacing);\n}\n\n._error-small_1jhcy_320 {\n font-family: var(--text-error-small-font-family);\n font-style: var(--text-error-small-font-style);\n font-weight: var(--text-error-small-font-weight);\n font-size: var(--text-error-small-font-size);\n line-height: var(--text-error-small-line-height);\n color: var(--text-error-small-color);\n text-decoration: var(--text-error-small-text-decoration);\n letter-spacing: var(--text-error-small-letter-spacing);\n}\n\n._success-small_1jhcy_331 {\n font-family: var(--text-success-small-font-family);\n font-style: var(--text-success-small-font-style);\n font-weight: var(--text-success-small-font-weight);\n font-size: var(--text-success-small-font-size);\n line-height: var(--text-success-small-line-height);\n color: var(--text-success-small-color);\n text-decoration: var(--text-success-small-text-decoration);\n letter-spacing: var(--text-success-small-letter-spacing);\n}\n\n._calendar_1jhcy_342 {\n width: fit-content;\n max-width: 100%;\n min-width: 225px;\n color: var(--colors-neutral-ink-base);\n font-size: var(--text-body-font-size);\n font-family: var(--font-family);\n}\n._calendar_1jhcy_342 header {\n display: flex;\n align-items: center;\n margin: 0 var(--sizes-xs) var(--sizes-sm) var(--sizes-xs);\n}\n._calendar_1jhcy_342 header .react-aria-Heading {\n flex: 1;\n margin: 0;\n text-align: center;\n font-family: var(--text-heading-small-font-family);\n font-style: var(--text-heading-small-font-style);\n font-weight: var(--text-heading-small-font-weight);\n font-size: var(--text-heading-small-font-size);\n line-height: var(--text-heading-small-line-height);\n color: var(--text-heading-small-color);\n text-decoration: var(--text-heading-small-text-decoration);\n letter-spacing: var(--text-heading-small-letter-spacing);\n}\n._calendar_1jhcy_342 .react-aria-CalendarHeaderCell {\n padding-bottom: var(--sizes-sm);\n}\n._calendar_1jhcy_342 .react-aria-Button {\n color: var(--colors-neutral-ink-base);\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n cursor: pointer;\n height: var(--sizes-10);\n padding: 0 var(--sizes-sm);\n border-radius: var(--radius-base);\n font-size: var(--text-button-font-size);\n line-height: 16px;\n outline: 0;\n --outline-width: var(--sizes-xs);\n}\n._calendar_1jhcy_342 .react-aria-Button svg {\n width: var(--sizes-base);\n height: var(--sizes-base);\n}\n._calendar_1jhcy_342 .react-aria-Button:active, ._calendar_1jhcy_342 .react-aria-Button:focus-visible {\n outline: var(--sizes-xs) solid var(--colors-secondary-blue-light);\n outline-offset: var(--sizes-line);\n}\n._calendar_1jhcy_342 .react-aria-Button:active, ._calendar_1jhcy_342 .react-aria-Button:hover {\n background-color: var(--colors-neutral-grey-light);\n}\n._calendar_1jhcy_342 .react-aria-Button:disabled {\n background-color: transparent;\n border-color: transparent;\n user-select: none;\n color: var(--colors-neutral-grey-base);\n cursor: default;\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell {\n width: 30px;\n line-height: 30px;\n border-radius: var(--radius-base);\n border: 1px solid transparent;\n cursor: pointer;\n text-align: center;\n /* Data Attribute styling */\n /* Selection Styles */\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell[data-hovered] {\n background-color: var(--colors-neutral-grey-base);\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell[data-focus-visible], ._calendar_1jhcy_342 .react-aria-CalendarCell[data-focused] {\n outline: 2px solid var(--colors-secondary-blue-light);\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell[data-selected] {\n background: var(--colors-secondary-blue-base);\n color: white;\n border-radius: 0;\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell[data-selected][data-focus-visible] {\n outline-color: var(--colors-secondary-blue-light);\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell[data-outside-month], ._calendar_1jhcy_342 .react-aria-CalendarCell[data-disabled] {\n cursor: not-allowed;\n color: var(--colors-neutral-ink-lightest);\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell[data-unavailable] {\n cursor: not-allowed;\n text-decoration: line-through;\n color: var(--colors-secondary-red-dark);\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell[data-unavailable]:hover {\n background-color: inherit;\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell[data-selection-start] {\n border-start-start-radius: 6px;\n border-end-start-radius: 6px;\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell[data-selection-end] {\n border-start-end-radius: 6px;\n border-end-end-radius: 6px;\n}\n._calendar_1jhcy_342 table {\n height: fit-content;\n border-collapse: separate;\n border-spacing: 0 var(--sizes-xs);\n}\n._calendar_1jhcy_342 table td {\n padding: 0;\n /*\n * Selectors for today border (has to apply to wrapping td (cannot be targeted directly\n * need to go through :has to get data attributes about the cell)).\n */\n}\n._calendar_1jhcy_342 table td:has(div[data-today=true]) > div {\n border: 1px solid var(--colors-neutral-ink-lightest);\n}\n._calendar_1jhcy_342 table td:has(div[data-today=true]):has(div[data-selected]) {\n background-color: var(--colors-secondary-blue-base);\n}\n._calendar_1jhcy_342 table td:has(div[data-today=true]):has(div[data-selected]) > div {\n border: 1px solid var(--colors-secondary-blue-darkest);\n border-radius: var(--radius-base);\n}\n._calendar_1jhcy_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-start]) {\n border-start-start-radius: 6px;\n border-end-start-radius: 6px;\n}\n._calendar_1jhcy_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-end]) {\n border-start-end-radius: 6px;\n border-end-end-radius: 6px;\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell[data-selected], ._calendar_1jhcy_342 table td {\n border-radius: var(--radius-base);\n}");
4
+ var styles = {"calendar":"_calendar_1jhcy_342"};
5
5
 
6
6
  export { styles as default };
7
7
  //# sourceMappingURL=Calendar.module.scss.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Calendar.module.scss.js","sources":["../../../../../src/components/Calendars/components/Calendar/Calendar.module.scss"],"sourcesContent":["@use '../subcomponents/CalendarStyles/calendar-styles' as cal;\n\n.calendar {\n @include cal.calendar-base;\n\n & :global(.react-aria-CalendarCell)[data-selected],\n & table td {\n border-radius: var(--radius-base);\n }\n}\n"],"names":["___$insertStyle"],"mappings":";;AAGEA,WAAA,CAAA,+4lBAAA;AACA,aAAA,CAAA,UAAA,CAAA,qBAAA;;;;"}
1
+ {"version":3,"file":"Calendar.module.scss.js","sources":["../../../../../src/components/Calendars/components/Calendar/Calendar.module.scss"],"sourcesContent":["@use '../subcomponents/CalendarStyles/calendar-styles' as cal;\n\n.calendar {\n @include cal.calendar-base;\n\n & :global(.react-aria-CalendarCell)[data-selected],\n & table td {\n border-radius: var(--radius-base);\n }\n}\n"],"names":["___$insertStyle"],"mappings":";;AAGEA,WAAA,CAAA,66lBAAA;AACA,aAAA,CAAA,UAAA,CAAA,qBAAA;;;;"}
@@ -2,8 +2,8 @@
2
2
 
3
3
  var ___$insertStyle = require('../../../../_virtual/____insertStyle.cjs');
4
4
 
5
- ___$insertStyle("._heading-xxl_1dmye_1 {\n font-family: var(--text-heading-xxl-font-family);\n font-style: var(--text-heading-xxl-font-style);\n font-weight: var(--text-heading-xxl-font-weight);\n font-size: var(--text-heading-xxl-font-size);\n line-height: var(--text-heading-xxl-line-height);\n color: var(--text-heading-xxl-color);\n text-decoration: var(--text-heading-xxl-text-decoration);\n letter-spacing: var(--text-heading-xxl-letter-spacing);\n}\n\n._heading-xl_1dmye_12 {\n font-family: var(--text-heading-xl-font-family);\n font-style: var(--text-heading-xl-font-style);\n font-weight: var(--text-heading-xl-font-weight);\n font-size: var(--text-heading-xl-font-size);\n line-height: var(--text-heading-xl-line-height);\n color: var(--text-heading-xl-color);\n text-decoration: var(--text-heading-xl-text-decoration);\n letter-spacing: var(--text-heading-xl-letter-spacing);\n}\n\n._heading-large_1dmye_23 {\n font-family: var(--text-heading-large-font-family);\n font-style: var(--text-heading-large-font-style);\n font-weight: var(--text-heading-large-font-weight);\n font-size: var(--text-heading-large-font-size);\n line-height: var(--text-heading-large-line-height);\n color: var(--text-heading-large-color);\n text-decoration: var(--text-heading-large-text-decoration);\n letter-spacing: var(--text-heading-large-letter-spacing);\n}\n\n._heading-medium_1dmye_34 {\n font-family: var(--text-heading-medium-font-family);\n font-style: var(--text-heading-medium-font-style);\n font-weight: var(--text-heading-medium-font-weight);\n font-size: var(--text-heading-medium-font-size);\n line-height: var(--text-heading-medium-line-height);\n color: var(--text-heading-medium-color);\n text-decoration: var(--text-heading-medium-text-decoration);\n letter-spacing: var(--text-heading-medium-letter-spacing);\n}\n\n._heading-small_1dmye_45 {\n font-family: var(--text-heading-small-font-family);\n font-style: var(--text-heading-small-font-style);\n font-weight: var(--text-heading-small-font-weight);\n font-size: var(--text-heading-small-font-size);\n line-height: var(--text-heading-small-line-height);\n color: var(--text-heading-small-color);\n text-decoration: var(--text-heading-small-text-decoration);\n letter-spacing: var(--text-heading-small-letter-spacing);\n}\n\n._heading-table_1dmye_56 {\n font-family: var(--text-heading-table-font-family);\n font-style: var(--text-heading-table-font-style);\n font-weight: var(--text-heading-table-font-weight);\n font-size: var(--text-heading-table-font-size);\n line-height: var(--text-heading-table-line-height);\n color: var(--text-heading-table-color);\n text-decoration: var(--text-heading-table-text-decoration);\n letter-spacing: var(--text-heading-table-letter-spacing);\n}\n\n._subheading-large_1dmye_67 {\n font-family: var(--text-subheading-large-font-family);\n font-style: var(--text-subheading-large-font-style);\n font-weight: var(--text-subheading-large-font-weight);\n font-size: var(--text-subheading-large-font-size);\n line-height: var(--text-subheading-large-line-height);\n color: var(--text-subheading-large-color);\n text-decoration: var(--text-subheading-large-text-decoration);\n letter-spacing: var(--text-subheading-large-letter-spacing);\n}\n\n._subheading-medium_1dmye_78 {\n font-family: var(--text-subheading-medium-font-family);\n font-style: var(--text-subheading-medium-font-style);\n font-weight: var(--text-subheading-medium-font-weight);\n font-size: var(--text-subheading-medium-font-size);\n line-height: var(--text-subheading-medium-line-height);\n color: var(--text-subheading-medium-color);\n text-decoration: var(--text-subheading-medium-text-decoration);\n letter-spacing: var(--text-subheading-medium-letter-spacing);\n}\n\n._subheading-small_1dmye_89 {\n font-family: var(--text-subheading-small-font-family);\n font-style: var(--text-subheading-small-font-style);\n font-weight: var(--text-subheading-small-font-weight);\n font-size: var(--text-subheading-small-font-size);\n line-height: var(--text-subheading-small-line-height);\n color: var(--text-subheading-small-color);\n text-decoration: var(--text-subheading-small-text-decoration);\n letter-spacing: var(--text-subheading-small-letter-spacing);\n}\n\n._subheading-small-bold_1dmye_100 {\n font-family: var(--text-subheading-small-bold-font-family);\n font-style: var(--text-subheading-small-bold-font-style);\n font-weight: var(--text-subheading-small-bold-font-weight);\n font-size: var(--text-subheading-small-bold-font-size);\n line-height: var(--text-subheading-small-bold-line-height);\n color: var(--text-subheading-small-bold-color);\n text-decoration: var(--text-subheading-small-bold-text-decoration);\n letter-spacing: var(--text-subheading-small-bold-letter-spacing);\n}\n\n._body_1dmye_111 {\n font-family: var(--text-body-font-family);\n font-style: var(--text-body-font-style);\n font-weight: var(--text-body-font-weight);\n font-size: var(--text-body-font-size);\n line-height: var(--text-body-line-height);\n color: var(--text-body-color);\n text-decoration: var(--text-body-text-decoration);\n letter-spacing: var(--text-body-letter-spacing);\n}\n\n._body-small_1dmye_122 {\n font-family: var(--text-body-small-font-family);\n font-style: var(--text-body-small-font-style);\n font-weight: var(--text-body-small-font-weight);\n font-size: var(--text-body-small-font-size);\n line-height: var(--text-body-small-line-height);\n color: var(--text-body-small-color);\n text-decoration: var(--text-body-small-text-decoration);\n letter-spacing: var(--text-body-small-letter-spacing);\n}\n\n._body-bold_1dmye_133 {\n font-family: var(--text-body-bold-font-family);\n font-style: var(--text-body-bold-font-style);\n font-weight: var(--text-body-bold-font-weight);\n font-size: var(--text-body-bold-font-size);\n line-height: var(--text-body-bold-line-height);\n color: var(--text-body-bold-color);\n text-decoration: var(--text-body-bold-text-decoration);\n letter-spacing: var(--text-body-bold-letter-spacing);\n}\n\n._body-bold-dark_1dmye_144 {\n font-family: var(--text-body-bold-dark-font-family);\n font-style: var(--text-body-bold-dark-font-style);\n font-weight: var(--text-body-bold-dark-font-weight);\n font-size: var(--text-body-bold-dark-font-size);\n line-height: var(--text-body-bold-dark-line-height);\n color: var(--text-body-bold-dark-color);\n text-decoration: var(--text-body-bold-dark-text-decoration);\n letter-spacing: var(--text-body-bold-dark-letter-spacing);\n}\n\n._body-small-bold_1dmye_155 {\n font-family: var(--text-body-small-bold-font-family);\n font-style: var(--text-body-small-bold-font-style);\n font-weight: var(--text-body-small-bold-font-weight);\n font-size: var(--text-body-small-bold-font-size);\n line-height: var(--text-body-small-bold-line-height);\n color: var(--text-body-small-bold-color);\n text-decoration: var(--text-body-small-bold-text-decoration);\n letter-spacing: var(--text-body-small-bold-letter-spacing);\n}\n\n._button_1dmye_166 {\n font-family: var(--text-button-font-family);\n font-style: var(--text-button-font-style);\n font-weight: var(--text-button-font-weight);\n font-size: var(--text-button-font-size);\n line-height: var(--text-button-line-height);\n color: var(--text-button-color);\n text-decoration: var(--text-button-text-decoration);\n letter-spacing: var(--text-button-letter-spacing);\n}\n\n._button-small_1dmye_177 {\n font-family: var(--text-button-small-font-family);\n font-style: var(--text-button-small-font-style);\n font-weight: var(--text-button-small-font-weight);\n font-size: var(--text-button-small-font-size);\n line-height: var(--text-button-small-line-height);\n color: var(--text-button-small-color);\n text-decoration: var(--text-button-small-text-decoration);\n letter-spacing: var(--text-button-small-letter-spacing);\n}\n\n._link-large_1dmye_188 {\n font-family: var(--text-link-large-font-family);\n font-style: var(--text-link-large-font-style);\n font-weight: var(--text-link-large-font-weight);\n font-size: var(--text-link-large-font-size);\n line-height: var(--text-link-large-line-height);\n color: var(--text-link-large-color);\n text-decoration: var(--text-link-large-text-decoration);\n letter-spacing: var(--text-link-large-letter-spacing);\n}\n\n._link-medium_1dmye_199 {\n font-family: var(--text-link-medium-font-family);\n font-style: var(--text-link-medium-font-style);\n font-weight: var(--text-link-medium-font-weight);\n font-size: var(--text-link-medium-font-size);\n line-height: var(--text-link-medium-line-height);\n color: var(--text-link-medium-color);\n text-decoration: var(--text-link-medium-text-decoration);\n letter-spacing: var(--text-link-medium-letter-spacing);\n}\n\n._link_1dmye_188 {\n font-family: var(--text-link-font-family);\n font-style: var(--text-link-font-style);\n font-weight: var(--text-link-font-weight);\n font-size: var(--text-link-font-size);\n line-height: var(--text-link-line-height);\n color: var(--text-link-color);\n text-decoration: var(--text-link-text-decoration);\n letter-spacing: var(--text-link-letter-spacing);\n}\n\n._link-small_1dmye_221 {\n font-family: var(--text-link-small-font-family);\n font-style: var(--text-link-small-font-style);\n font-weight: var(--text-link-small-font-weight);\n font-size: var(--text-link-small-font-size);\n line-height: var(--text-link-small-line-height);\n color: var(--text-link-small-color);\n text-decoration: var(--text-link-small-text-decoration);\n letter-spacing: var(--text-link-small-letter-spacing);\n}\n\n._input-label_1dmye_232 {\n font-family: var(--text-input-label-font-family);\n font-style: var(--text-input-label-font-style);\n font-weight: var(--text-input-label-font-weight);\n font-size: var(--text-input-label-font-size);\n line-height: var(--text-input-label-line-height);\n color: var(--text-input-label-color);\n text-decoration: var(--text-input-label-text-decoration);\n letter-spacing: var(--text-input-label-letter-spacing);\n}\n\n._input-label-small_1dmye_243 {\n font-family: var(--text-input-label-small-font-family);\n font-style: var(--text-input-label-small-font-style);\n font-weight: var(--text-input-label-small-font-weight);\n font-size: var(--text-input-label-small-font-size);\n line-height: var(--text-input-label-small-line-height);\n color: var(--text-input-label-small-color);\n text-decoration: var(--text-input-label-small-text-decoration);\n letter-spacing: var(--text-input-label-small-letter-spacing);\n}\n\n._hint-text_1dmye_254 {\n font-family: var(--text-hint-text-font-family);\n font-style: var(--text-hint-text-font-style);\n font-weight: var(--text-hint-text-font-weight);\n font-size: var(--text-hint-text-font-size);\n line-height: var(--text-hint-text-line-height);\n color: var(--text-hint-text-color);\n text-decoration: var(--text-hint-text-text-decoration);\n letter-spacing: var(--text-hint-text-letter-spacing);\n}\n\n._placeholder_1dmye_265 {\n font-family: var(--text-placeholder-font-family);\n font-style: var(--text-placeholder-font-style);\n font-weight: var(--text-placeholder-font-weight);\n font-size: var(--text-placeholder-font-size);\n line-height: var(--text-placeholder-line-height);\n color: var(--text-placeholder-color);\n text-decoration: var(--text-placeholder-text-decoration);\n letter-spacing: var(--text-placeholder-letter-spacing);\n}\n\n._placeholder-small_1dmye_276 {\n font-family: var(--text-placeholder-small-font-family);\n font-style: var(--text-placeholder-small-font-style);\n font-weight: var(--text-placeholder-small-font-weight);\n font-size: var(--text-placeholder-small-font-size);\n line-height: var(--text-placeholder-small-line-height);\n color: var(--text-placeholder-small-color);\n text-decoration: var(--text-placeholder-small-text-decoration);\n letter-spacing: var(--text-placeholder-small-letter-spacing);\n}\n\n._placeholder-code_1dmye_287 {\n font-family: var(--text-placeholder-code-font-family);\n font-style: var(--text-placeholder-code-font-style);\n font-weight: var(--text-placeholder-code-font-weight);\n font-size: var(--text-placeholder-code-font-size);\n line-height: var(--text-placeholder-code-line-height);\n color: var(--text-placeholder-code-color);\n text-decoration: var(--text-placeholder-code-text-decoration);\n letter-spacing: var(--text-placeholder-code-letter-spacing);\n}\n\n._placeholder-code-small_1dmye_298 {\n font-family: var(--text-placeholder-code-small-font-family);\n font-style: var(--text-placeholder-code-small-font-style);\n font-weight: var(--text-placeholder-code-small-font-weight);\n font-size: var(--text-placeholder-code-small-font-size);\n line-height: var(--text-placeholder-code-small-line-height);\n color: var(--text-placeholder-code-small-color);\n text-decoration: var(--text-placeholder-code-small-text-decoration);\n letter-spacing: var(--text-placeholder-code-small-letter-spacing);\n}\n\n._error_1dmye_309 {\n font-family: var(--text-error-font-family);\n font-style: var(--text-error-font-style);\n font-weight: var(--text-error-font-weight);\n font-size: var(--text-error-font-size);\n line-height: var(--text-error-line-height);\n color: var(--text-error-color);\n text-decoration: var(--text-error-text-decoration);\n letter-spacing: var(--text-error-letter-spacing);\n}\n\n._error-small_1dmye_320 {\n font-family: var(--text-error-small-font-family);\n font-style: var(--text-error-small-font-style);\n font-weight: var(--text-error-small-font-weight);\n font-size: var(--text-error-small-font-size);\n line-height: var(--text-error-small-line-height);\n color: var(--text-error-small-color);\n text-decoration: var(--text-error-small-text-decoration);\n letter-spacing: var(--text-error-small-letter-spacing);\n}\n\n._success-small_1dmye_331 {\n font-family: var(--text-success-small-font-family);\n font-style: var(--text-success-small-font-style);\n font-weight: var(--text-success-small-font-weight);\n font-size: var(--text-success-small-font-size);\n line-height: var(--text-success-small-line-height);\n color: var(--text-success-small-color);\n text-decoration: var(--text-success-small-text-decoration);\n letter-spacing: var(--text-success-small-letter-spacing);\n}\n\n._rangeCalendar_1dmye_342 {\n width: fit-content;\n max-width: 100%;\n min-width: 225px;\n color: var(--colors-neutral-ink-base);\n font-size: var(--text-body-font-size);\n font-family: var(--font-family);\n}\n._rangeCalendar_1dmye_342 header {\n display: flex;\n align-items: center;\n margin: 0 var(--sizes-xs) var(--sizes-sm) var(--sizes-xs);\n}\n._rangeCalendar_1dmye_342 header .react-aria-Heading {\n flex: 1;\n margin: 0;\n text-align: center;\n font-family: var(--text-heading-small-font-family);\n font-style: var(--text-heading-small-font-style);\n font-weight: var(--text-heading-small-font-weight);\n font-size: var(--text-heading-small-font-size);\n line-height: var(--text-heading-small-line-height);\n color: var(--text-heading-small-color);\n text-decoration: var(--text-heading-small-text-decoration);\n letter-spacing: var(--text-heading-small-letter-spacing);\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarHeaderCell {\n padding-bottom: var(--sizes-sm);\n}\n._rangeCalendar_1dmye_342 .react-aria-Button {\n color: var(--colors-neutral-ink-base);\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n cursor: pointer;\n height: var(--sizes-10);\n padding: 0 var(--sizes-sm);\n border-radius: var(--radius-base);\n font-size: var(--text-button-font-size);\n line-height: 16px;\n outline: 0;\n --outline-width: var(--sizes-xs);\n}\n._rangeCalendar_1dmye_342 .react-aria-Button svg {\n width: var(--sizes-base);\n height: var(--sizes-base);\n}\n._rangeCalendar_1dmye_342 .react-aria-Button:active, ._rangeCalendar_1dmye_342 .react-aria-Button:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n}\n._rangeCalendar_1dmye_342 .react-aria-Button:active, ._rangeCalendar_1dmye_342 .react-aria-Button:hover {\n background-color: var(--colors-neutral-grey-light);\n}\n._rangeCalendar_1dmye_342 .react-aria-Button:disabled {\n background-color: transparent;\n border-color: transparent;\n user-select: none;\n color: var(--colors-neutral-grey-base);\n cursor: default;\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell {\n width: 30px;\n line-height: 30px;\n border-radius: var(--radius-base);\n border: 1px solid transparent;\n cursor: pointer;\n text-align: center;\n /* Data Attribute styling */\n /* Selection Styles */\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-hovered] {\n background-color: var(--colors-neutral-grey-base);\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-focus-visible], ._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-focused] {\n outline: 2px solid var(--colors-secondary-blue-light);\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-selected] {\n background: var(--colors-secondary-blue-base);\n color: white;\n border-radius: 0;\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-selected][data-focus-visible] {\n outline-color: var(--colors-secondary-blue-light);\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-outside-month], ._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-disabled] {\n cursor: not-allowed;\n color: var(--colors-neutral-ink-lightest);\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-unavailable] {\n cursor: not-allowed;\n text-decoration: line-through;\n color: var(--colors-secondary-red-dark);\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-unavailable]:hover {\n background-color: inherit;\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-selection-start] {\n border-start-start-radius: 6px;\n border-end-start-radius: 6px;\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-selection-end] {\n border-start-end-radius: 6px;\n border-end-end-radius: 6px;\n}\n._rangeCalendar_1dmye_342 table {\n height: fit-content;\n border-collapse: separate;\n border-spacing: 0 var(--sizes-xs);\n}\n._rangeCalendar_1dmye_342 table td {\n padding: 0;\n /*\n * Selectors for today border (has to apply to wrapping td (cannot be targeted directly\n * need to go through :has to get data attributes about the cell)).\n */\n}\n._rangeCalendar_1dmye_342 table td:has(div[data-today=true]) > div {\n border: 1px solid var(--colors-neutral-ink-lightest);\n}\n._rangeCalendar_1dmye_342 table td:has(div[data-today=true]):has(div[data-selected]) {\n background-color: var(--colors-secondary-blue-base);\n}\n._rangeCalendar_1dmye_342 table td:has(div[data-today=true]):has(div[data-selected]) > div {\n border: 1px solid var(--colors-secondary-blue-darkest);\n border-radius: var(--radius-base);\n}\n._rangeCalendar_1dmye_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-start]) {\n border-start-start-radius: 6px;\n border-end-start-radius: 6px;\n}\n._rangeCalendar_1dmye_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-end]) {\n border-start-end-radius: 6px;\n border-end-end-radius: 6px;\n}");
6
- var styles = {"rangeCalendar":"_rangeCalendar_1dmye_342"};
5
+ ___$insertStyle("._heading-xxl_1430p_1 {\n font-family: var(--text-heading-xxl-font-family);\n font-style: var(--text-heading-xxl-font-style);\n font-weight: var(--text-heading-xxl-font-weight);\n font-size: var(--text-heading-xxl-font-size);\n line-height: var(--text-heading-xxl-line-height);\n color: var(--text-heading-xxl-color);\n text-decoration: var(--text-heading-xxl-text-decoration);\n letter-spacing: var(--text-heading-xxl-letter-spacing);\n}\n\n._heading-xl_1430p_12 {\n font-family: var(--text-heading-xl-font-family);\n font-style: var(--text-heading-xl-font-style);\n font-weight: var(--text-heading-xl-font-weight);\n font-size: var(--text-heading-xl-font-size);\n line-height: var(--text-heading-xl-line-height);\n color: var(--text-heading-xl-color);\n text-decoration: var(--text-heading-xl-text-decoration);\n letter-spacing: var(--text-heading-xl-letter-spacing);\n}\n\n._heading-large_1430p_23 {\n font-family: var(--text-heading-large-font-family);\n font-style: var(--text-heading-large-font-style);\n font-weight: var(--text-heading-large-font-weight);\n font-size: var(--text-heading-large-font-size);\n line-height: var(--text-heading-large-line-height);\n color: var(--text-heading-large-color);\n text-decoration: var(--text-heading-large-text-decoration);\n letter-spacing: var(--text-heading-large-letter-spacing);\n}\n\n._heading-medium_1430p_34 {\n font-family: var(--text-heading-medium-font-family);\n font-style: var(--text-heading-medium-font-style);\n font-weight: var(--text-heading-medium-font-weight);\n font-size: var(--text-heading-medium-font-size);\n line-height: var(--text-heading-medium-line-height);\n color: var(--text-heading-medium-color);\n text-decoration: var(--text-heading-medium-text-decoration);\n letter-spacing: var(--text-heading-medium-letter-spacing);\n}\n\n._heading-small_1430p_45 {\n font-family: var(--text-heading-small-font-family);\n font-style: var(--text-heading-small-font-style);\n font-weight: var(--text-heading-small-font-weight);\n font-size: var(--text-heading-small-font-size);\n line-height: var(--text-heading-small-line-height);\n color: var(--text-heading-small-color);\n text-decoration: var(--text-heading-small-text-decoration);\n letter-spacing: var(--text-heading-small-letter-spacing);\n}\n\n._heading-table_1430p_56 {\n font-family: var(--text-heading-table-font-family);\n font-style: var(--text-heading-table-font-style);\n font-weight: var(--text-heading-table-font-weight);\n font-size: var(--text-heading-table-font-size);\n line-height: var(--text-heading-table-line-height);\n color: var(--text-heading-table-color);\n text-decoration: var(--text-heading-table-text-decoration);\n letter-spacing: var(--text-heading-table-letter-spacing);\n}\n\n._subheading-large_1430p_67 {\n font-family: var(--text-subheading-large-font-family);\n font-style: var(--text-subheading-large-font-style);\n font-weight: var(--text-subheading-large-font-weight);\n font-size: var(--text-subheading-large-font-size);\n line-height: var(--text-subheading-large-line-height);\n color: var(--text-subheading-large-color);\n text-decoration: var(--text-subheading-large-text-decoration);\n letter-spacing: var(--text-subheading-large-letter-spacing);\n}\n\n._subheading-medium_1430p_78 {\n font-family: var(--text-subheading-medium-font-family);\n font-style: var(--text-subheading-medium-font-style);\n font-weight: var(--text-subheading-medium-font-weight);\n font-size: var(--text-subheading-medium-font-size);\n line-height: var(--text-subheading-medium-line-height);\n color: var(--text-subheading-medium-color);\n text-decoration: var(--text-subheading-medium-text-decoration);\n letter-spacing: var(--text-subheading-medium-letter-spacing);\n}\n\n._subheading-small_1430p_89 {\n font-family: var(--text-subheading-small-font-family);\n font-style: var(--text-subheading-small-font-style);\n font-weight: var(--text-subheading-small-font-weight);\n font-size: var(--text-subheading-small-font-size);\n line-height: var(--text-subheading-small-line-height);\n color: var(--text-subheading-small-color);\n text-decoration: var(--text-subheading-small-text-decoration);\n letter-spacing: var(--text-subheading-small-letter-spacing);\n}\n\n._subheading-small-bold_1430p_100 {\n font-family: var(--text-subheading-small-bold-font-family);\n font-style: var(--text-subheading-small-bold-font-style);\n font-weight: var(--text-subheading-small-bold-font-weight);\n font-size: var(--text-subheading-small-bold-font-size);\n line-height: var(--text-subheading-small-bold-line-height);\n color: var(--text-subheading-small-bold-color);\n text-decoration: var(--text-subheading-small-bold-text-decoration);\n letter-spacing: var(--text-subheading-small-bold-letter-spacing);\n}\n\n._body_1430p_111 {\n font-family: var(--text-body-font-family);\n font-style: var(--text-body-font-style);\n font-weight: var(--text-body-font-weight);\n font-size: var(--text-body-font-size);\n line-height: var(--text-body-line-height);\n color: var(--text-body-color);\n text-decoration: var(--text-body-text-decoration);\n letter-spacing: var(--text-body-letter-spacing);\n}\n\n._body-small_1430p_122 {\n font-family: var(--text-body-small-font-family);\n font-style: var(--text-body-small-font-style);\n font-weight: var(--text-body-small-font-weight);\n font-size: var(--text-body-small-font-size);\n line-height: var(--text-body-small-line-height);\n color: var(--text-body-small-color);\n text-decoration: var(--text-body-small-text-decoration);\n letter-spacing: var(--text-body-small-letter-spacing);\n}\n\n._body-bold_1430p_133 {\n font-family: var(--text-body-bold-font-family);\n font-style: var(--text-body-bold-font-style);\n font-weight: var(--text-body-bold-font-weight);\n font-size: var(--text-body-bold-font-size);\n line-height: var(--text-body-bold-line-height);\n color: var(--text-body-bold-color);\n text-decoration: var(--text-body-bold-text-decoration);\n letter-spacing: var(--text-body-bold-letter-spacing);\n}\n\n._body-bold-dark_1430p_144 {\n font-family: var(--text-body-bold-dark-font-family);\n font-style: var(--text-body-bold-dark-font-style);\n font-weight: var(--text-body-bold-dark-font-weight);\n font-size: var(--text-body-bold-dark-font-size);\n line-height: var(--text-body-bold-dark-line-height);\n color: var(--text-body-bold-dark-color);\n text-decoration: var(--text-body-bold-dark-text-decoration);\n letter-spacing: var(--text-body-bold-dark-letter-spacing);\n}\n\n._body-small-bold_1430p_155 {\n font-family: var(--text-body-small-bold-font-family);\n font-style: var(--text-body-small-bold-font-style);\n font-weight: var(--text-body-small-bold-font-weight);\n font-size: var(--text-body-small-bold-font-size);\n line-height: var(--text-body-small-bold-line-height);\n color: var(--text-body-small-bold-color);\n text-decoration: var(--text-body-small-bold-text-decoration);\n letter-spacing: var(--text-body-small-bold-letter-spacing);\n}\n\n._button_1430p_166 {\n font-family: var(--text-button-font-family);\n font-style: var(--text-button-font-style);\n font-weight: var(--text-button-font-weight);\n font-size: var(--text-button-font-size);\n line-height: var(--text-button-line-height);\n color: var(--text-button-color);\n text-decoration: var(--text-button-text-decoration);\n letter-spacing: var(--text-button-letter-spacing);\n}\n\n._button-small_1430p_177 {\n font-family: var(--text-button-small-font-family);\n font-style: var(--text-button-small-font-style);\n font-weight: var(--text-button-small-font-weight);\n font-size: var(--text-button-small-font-size);\n line-height: var(--text-button-small-line-height);\n color: var(--text-button-small-color);\n text-decoration: var(--text-button-small-text-decoration);\n letter-spacing: var(--text-button-small-letter-spacing);\n}\n\n._link-large_1430p_188 {\n font-family: var(--text-link-large-font-family);\n font-style: var(--text-link-large-font-style);\n font-weight: var(--text-link-large-font-weight);\n font-size: var(--text-link-large-font-size);\n line-height: var(--text-link-large-line-height);\n color: var(--text-link-large-color);\n text-decoration: var(--text-link-large-text-decoration);\n letter-spacing: var(--text-link-large-letter-spacing);\n}\n\n._link-medium_1430p_199 {\n font-family: var(--text-link-medium-font-family);\n font-style: var(--text-link-medium-font-style);\n font-weight: var(--text-link-medium-font-weight);\n font-size: var(--text-link-medium-font-size);\n line-height: var(--text-link-medium-line-height);\n color: var(--text-link-medium-color);\n text-decoration: var(--text-link-medium-text-decoration);\n letter-spacing: var(--text-link-medium-letter-spacing);\n}\n\n._link_1430p_188 {\n font-family: var(--text-link-font-family);\n font-style: var(--text-link-font-style);\n font-weight: var(--text-link-font-weight);\n font-size: var(--text-link-font-size);\n line-height: var(--text-link-line-height);\n color: var(--text-link-color);\n text-decoration: var(--text-link-text-decoration);\n letter-spacing: var(--text-link-letter-spacing);\n}\n\n._link-small_1430p_221 {\n font-family: var(--text-link-small-font-family);\n font-style: var(--text-link-small-font-style);\n font-weight: var(--text-link-small-font-weight);\n font-size: var(--text-link-small-font-size);\n line-height: var(--text-link-small-line-height);\n color: var(--text-link-small-color);\n text-decoration: var(--text-link-small-text-decoration);\n letter-spacing: var(--text-link-small-letter-spacing);\n}\n\n._input-label_1430p_232 {\n font-family: var(--text-input-label-font-family);\n font-style: var(--text-input-label-font-style);\n font-weight: var(--text-input-label-font-weight);\n font-size: var(--text-input-label-font-size);\n line-height: var(--text-input-label-line-height);\n color: var(--text-input-label-color);\n text-decoration: var(--text-input-label-text-decoration);\n letter-spacing: var(--text-input-label-letter-spacing);\n}\n\n._input-label-small_1430p_243 {\n font-family: var(--text-input-label-small-font-family);\n font-style: var(--text-input-label-small-font-style);\n font-weight: var(--text-input-label-small-font-weight);\n font-size: var(--text-input-label-small-font-size);\n line-height: var(--text-input-label-small-line-height);\n color: var(--text-input-label-small-color);\n text-decoration: var(--text-input-label-small-text-decoration);\n letter-spacing: var(--text-input-label-small-letter-spacing);\n}\n\n._hint-text_1430p_254 {\n font-family: var(--text-hint-text-font-family);\n font-style: var(--text-hint-text-font-style);\n font-weight: var(--text-hint-text-font-weight);\n font-size: var(--text-hint-text-font-size);\n line-height: var(--text-hint-text-line-height);\n color: var(--text-hint-text-color);\n text-decoration: var(--text-hint-text-text-decoration);\n letter-spacing: var(--text-hint-text-letter-spacing);\n}\n\n._placeholder_1430p_265 {\n font-family: var(--text-placeholder-font-family);\n font-style: var(--text-placeholder-font-style);\n font-weight: var(--text-placeholder-font-weight);\n font-size: var(--text-placeholder-font-size);\n line-height: var(--text-placeholder-line-height);\n color: var(--text-placeholder-color);\n text-decoration: var(--text-placeholder-text-decoration);\n letter-spacing: var(--text-placeholder-letter-spacing);\n}\n\n._placeholder-small_1430p_276 {\n font-family: var(--text-placeholder-small-font-family);\n font-style: var(--text-placeholder-small-font-style);\n font-weight: var(--text-placeholder-small-font-weight);\n font-size: var(--text-placeholder-small-font-size);\n line-height: var(--text-placeholder-small-line-height);\n color: var(--text-placeholder-small-color);\n text-decoration: var(--text-placeholder-small-text-decoration);\n letter-spacing: var(--text-placeholder-small-letter-spacing);\n}\n\n._placeholder-code_1430p_287 {\n font-family: var(--text-placeholder-code-font-family);\n font-style: var(--text-placeholder-code-font-style);\n font-weight: var(--text-placeholder-code-font-weight);\n font-size: var(--text-placeholder-code-font-size);\n line-height: var(--text-placeholder-code-line-height);\n color: var(--text-placeholder-code-color);\n text-decoration: var(--text-placeholder-code-text-decoration);\n letter-spacing: var(--text-placeholder-code-letter-spacing);\n}\n\n._placeholder-code-small_1430p_298 {\n font-family: var(--text-placeholder-code-small-font-family);\n font-style: var(--text-placeholder-code-small-font-style);\n font-weight: var(--text-placeholder-code-small-font-weight);\n font-size: var(--text-placeholder-code-small-font-size);\n line-height: var(--text-placeholder-code-small-line-height);\n color: var(--text-placeholder-code-small-color);\n text-decoration: var(--text-placeholder-code-small-text-decoration);\n letter-spacing: var(--text-placeholder-code-small-letter-spacing);\n}\n\n._error_1430p_309 {\n font-family: var(--text-error-font-family);\n font-style: var(--text-error-font-style);\n font-weight: var(--text-error-font-weight);\n font-size: var(--text-error-font-size);\n line-height: var(--text-error-line-height);\n color: var(--text-error-color);\n text-decoration: var(--text-error-text-decoration);\n letter-spacing: var(--text-error-letter-spacing);\n}\n\n._error-small_1430p_320 {\n font-family: var(--text-error-small-font-family);\n font-style: var(--text-error-small-font-style);\n font-weight: var(--text-error-small-font-weight);\n font-size: var(--text-error-small-font-size);\n line-height: var(--text-error-small-line-height);\n color: var(--text-error-small-color);\n text-decoration: var(--text-error-small-text-decoration);\n letter-spacing: var(--text-error-small-letter-spacing);\n}\n\n._success-small_1430p_331 {\n font-family: var(--text-success-small-font-family);\n font-style: var(--text-success-small-font-style);\n font-weight: var(--text-success-small-font-weight);\n font-size: var(--text-success-small-font-size);\n line-height: var(--text-success-small-line-height);\n color: var(--text-success-small-color);\n text-decoration: var(--text-success-small-text-decoration);\n letter-spacing: var(--text-success-small-letter-spacing);\n}\n\n._rangeCalendar_1430p_342 {\n width: fit-content;\n max-width: 100%;\n min-width: 225px;\n color: var(--colors-neutral-ink-base);\n font-size: var(--text-body-font-size);\n font-family: var(--font-family);\n}\n._rangeCalendar_1430p_342 header {\n display: flex;\n align-items: center;\n margin: 0 var(--sizes-xs) var(--sizes-sm) var(--sizes-xs);\n}\n._rangeCalendar_1430p_342 header .react-aria-Heading {\n flex: 1;\n margin: 0;\n text-align: center;\n font-family: var(--text-heading-small-font-family);\n font-style: var(--text-heading-small-font-style);\n font-weight: var(--text-heading-small-font-weight);\n font-size: var(--text-heading-small-font-size);\n line-height: var(--text-heading-small-line-height);\n color: var(--text-heading-small-color);\n text-decoration: var(--text-heading-small-text-decoration);\n letter-spacing: var(--text-heading-small-letter-spacing);\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarHeaderCell {\n padding-bottom: var(--sizes-sm);\n}\n._rangeCalendar_1430p_342 .react-aria-Button {\n color: var(--colors-neutral-ink-base);\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n cursor: pointer;\n height: var(--sizes-10);\n padding: 0 var(--sizes-sm);\n border-radius: var(--radius-base);\n font-size: var(--text-button-font-size);\n line-height: 16px;\n outline: 0;\n --outline-width: var(--sizes-xs);\n}\n._rangeCalendar_1430p_342 .react-aria-Button svg {\n width: var(--sizes-base);\n height: var(--sizes-base);\n}\n._rangeCalendar_1430p_342 .react-aria-Button:active, ._rangeCalendar_1430p_342 .react-aria-Button:focus-visible {\n outline: var(--sizes-xs) solid var(--colors-secondary-blue-light);\n outline-offset: var(--sizes-line);\n}\n._rangeCalendar_1430p_342 .react-aria-Button:active, ._rangeCalendar_1430p_342 .react-aria-Button:hover {\n background-color: var(--colors-neutral-grey-light);\n}\n._rangeCalendar_1430p_342 .react-aria-Button:disabled {\n background-color: transparent;\n border-color: transparent;\n user-select: none;\n color: var(--colors-neutral-grey-base);\n cursor: default;\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarCell {\n width: 30px;\n line-height: 30px;\n border-radius: var(--radius-base);\n border: 1px solid transparent;\n cursor: pointer;\n text-align: center;\n /* Data Attribute styling */\n /* Selection Styles */\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-hovered] {\n background-color: var(--colors-neutral-grey-base);\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-focus-visible], ._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-focused] {\n outline: 2px solid var(--colors-secondary-blue-light);\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-selected] {\n background: var(--colors-secondary-blue-base);\n color: white;\n border-radius: 0;\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-selected][data-focus-visible] {\n outline-color: var(--colors-secondary-blue-light);\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-outside-month], ._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-disabled] {\n cursor: not-allowed;\n color: var(--colors-neutral-ink-lightest);\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-unavailable] {\n cursor: not-allowed;\n text-decoration: line-through;\n color: var(--colors-secondary-red-dark);\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-unavailable]:hover {\n background-color: inherit;\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-selection-start] {\n border-start-start-radius: 6px;\n border-end-start-radius: 6px;\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-selection-end] {\n border-start-end-radius: 6px;\n border-end-end-radius: 6px;\n}\n._rangeCalendar_1430p_342 table {\n height: fit-content;\n border-collapse: separate;\n border-spacing: 0 var(--sizes-xs);\n}\n._rangeCalendar_1430p_342 table td {\n padding: 0;\n /*\n * Selectors for today border (has to apply to wrapping td (cannot be targeted directly\n * need to go through :has to get data attributes about the cell)).\n */\n}\n._rangeCalendar_1430p_342 table td:has(div[data-today=true]) > div {\n border: 1px solid var(--colors-neutral-ink-lightest);\n}\n._rangeCalendar_1430p_342 table td:has(div[data-today=true]):has(div[data-selected]) {\n background-color: var(--colors-secondary-blue-base);\n}\n._rangeCalendar_1430p_342 table td:has(div[data-today=true]):has(div[data-selected]) > div {\n border: 1px solid var(--colors-secondary-blue-darkest);\n border-radius: var(--radius-base);\n}\n._rangeCalendar_1430p_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-start]) {\n border-start-start-radius: 6px;\n border-end-start-radius: 6px;\n}\n._rangeCalendar_1430p_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-end]) {\n border-start-end-radius: 6px;\n border-end-end-radius: 6px;\n}");
6
+ var styles = {"rangeCalendar":"_rangeCalendar_1430p_342"};
7
7
 
8
8
  module.exports = styles;
9
9
  //# sourceMappingURL=RangeCalendar.module.scss.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"RangeCalendar.module.scss.cjs","sources":["../../../../../src/components/Calendars/components/RangeCalendar/RangeCalendar.module.scss"],"sourcesContent":["@use '../subcomponents/CalendarStyles/calendar-styles' as cal;\n\n.rangeCalendar {\n @include cal.calendar-base;\n}\n"],"names":[],"mappings":";;;;AAGE,eAAA,CAAA,65lBAAA;AACA,aAAA,CAAA,eAAA,CAAA,0BAAA;;;;"}
1
+ {"version":3,"file":"RangeCalendar.module.scss.cjs","sources":["../../../../../src/components/Calendars/components/RangeCalendar/RangeCalendar.module.scss"],"sourcesContent":["@use '../subcomponents/CalendarStyles/calendar-styles' as cal;\n\n.rangeCalendar {\n @include cal.calendar-base;\n}\n"],"names":[],"mappings":";;;;AAGE,eAAA,CAAA,27lBAAA;AACA,aAAA,CAAA,eAAA,CAAA,0BAAA;;;;"}
@@ -1,7 +1,7 @@
1
1
  import insertStyle from '../../../../_virtual/____insertStyle.js';
2
2
 
3
- insertStyle("._heading-xxl_1dmye_1 {\n font-family: var(--text-heading-xxl-font-family);\n font-style: var(--text-heading-xxl-font-style);\n font-weight: var(--text-heading-xxl-font-weight);\n font-size: var(--text-heading-xxl-font-size);\n line-height: var(--text-heading-xxl-line-height);\n color: var(--text-heading-xxl-color);\n text-decoration: var(--text-heading-xxl-text-decoration);\n letter-spacing: var(--text-heading-xxl-letter-spacing);\n}\n\n._heading-xl_1dmye_12 {\n font-family: var(--text-heading-xl-font-family);\n font-style: var(--text-heading-xl-font-style);\n font-weight: var(--text-heading-xl-font-weight);\n font-size: var(--text-heading-xl-font-size);\n line-height: var(--text-heading-xl-line-height);\n color: var(--text-heading-xl-color);\n text-decoration: var(--text-heading-xl-text-decoration);\n letter-spacing: var(--text-heading-xl-letter-spacing);\n}\n\n._heading-large_1dmye_23 {\n font-family: var(--text-heading-large-font-family);\n font-style: var(--text-heading-large-font-style);\n font-weight: var(--text-heading-large-font-weight);\n font-size: var(--text-heading-large-font-size);\n line-height: var(--text-heading-large-line-height);\n color: var(--text-heading-large-color);\n text-decoration: var(--text-heading-large-text-decoration);\n letter-spacing: var(--text-heading-large-letter-spacing);\n}\n\n._heading-medium_1dmye_34 {\n font-family: var(--text-heading-medium-font-family);\n font-style: var(--text-heading-medium-font-style);\n font-weight: var(--text-heading-medium-font-weight);\n font-size: var(--text-heading-medium-font-size);\n line-height: var(--text-heading-medium-line-height);\n color: var(--text-heading-medium-color);\n text-decoration: var(--text-heading-medium-text-decoration);\n letter-spacing: var(--text-heading-medium-letter-spacing);\n}\n\n._heading-small_1dmye_45 {\n font-family: var(--text-heading-small-font-family);\n font-style: var(--text-heading-small-font-style);\n font-weight: var(--text-heading-small-font-weight);\n font-size: var(--text-heading-small-font-size);\n line-height: var(--text-heading-small-line-height);\n color: var(--text-heading-small-color);\n text-decoration: var(--text-heading-small-text-decoration);\n letter-spacing: var(--text-heading-small-letter-spacing);\n}\n\n._heading-table_1dmye_56 {\n font-family: var(--text-heading-table-font-family);\n font-style: var(--text-heading-table-font-style);\n font-weight: var(--text-heading-table-font-weight);\n font-size: var(--text-heading-table-font-size);\n line-height: var(--text-heading-table-line-height);\n color: var(--text-heading-table-color);\n text-decoration: var(--text-heading-table-text-decoration);\n letter-spacing: var(--text-heading-table-letter-spacing);\n}\n\n._subheading-large_1dmye_67 {\n font-family: var(--text-subheading-large-font-family);\n font-style: var(--text-subheading-large-font-style);\n font-weight: var(--text-subheading-large-font-weight);\n font-size: var(--text-subheading-large-font-size);\n line-height: var(--text-subheading-large-line-height);\n color: var(--text-subheading-large-color);\n text-decoration: var(--text-subheading-large-text-decoration);\n letter-spacing: var(--text-subheading-large-letter-spacing);\n}\n\n._subheading-medium_1dmye_78 {\n font-family: var(--text-subheading-medium-font-family);\n font-style: var(--text-subheading-medium-font-style);\n font-weight: var(--text-subheading-medium-font-weight);\n font-size: var(--text-subheading-medium-font-size);\n line-height: var(--text-subheading-medium-line-height);\n color: var(--text-subheading-medium-color);\n text-decoration: var(--text-subheading-medium-text-decoration);\n letter-spacing: var(--text-subheading-medium-letter-spacing);\n}\n\n._subheading-small_1dmye_89 {\n font-family: var(--text-subheading-small-font-family);\n font-style: var(--text-subheading-small-font-style);\n font-weight: var(--text-subheading-small-font-weight);\n font-size: var(--text-subheading-small-font-size);\n line-height: var(--text-subheading-small-line-height);\n color: var(--text-subheading-small-color);\n text-decoration: var(--text-subheading-small-text-decoration);\n letter-spacing: var(--text-subheading-small-letter-spacing);\n}\n\n._subheading-small-bold_1dmye_100 {\n font-family: var(--text-subheading-small-bold-font-family);\n font-style: var(--text-subheading-small-bold-font-style);\n font-weight: var(--text-subheading-small-bold-font-weight);\n font-size: var(--text-subheading-small-bold-font-size);\n line-height: var(--text-subheading-small-bold-line-height);\n color: var(--text-subheading-small-bold-color);\n text-decoration: var(--text-subheading-small-bold-text-decoration);\n letter-spacing: var(--text-subheading-small-bold-letter-spacing);\n}\n\n._body_1dmye_111 {\n font-family: var(--text-body-font-family);\n font-style: var(--text-body-font-style);\n font-weight: var(--text-body-font-weight);\n font-size: var(--text-body-font-size);\n line-height: var(--text-body-line-height);\n color: var(--text-body-color);\n text-decoration: var(--text-body-text-decoration);\n letter-spacing: var(--text-body-letter-spacing);\n}\n\n._body-small_1dmye_122 {\n font-family: var(--text-body-small-font-family);\n font-style: var(--text-body-small-font-style);\n font-weight: var(--text-body-small-font-weight);\n font-size: var(--text-body-small-font-size);\n line-height: var(--text-body-small-line-height);\n color: var(--text-body-small-color);\n text-decoration: var(--text-body-small-text-decoration);\n letter-spacing: var(--text-body-small-letter-spacing);\n}\n\n._body-bold_1dmye_133 {\n font-family: var(--text-body-bold-font-family);\n font-style: var(--text-body-bold-font-style);\n font-weight: var(--text-body-bold-font-weight);\n font-size: var(--text-body-bold-font-size);\n line-height: var(--text-body-bold-line-height);\n color: var(--text-body-bold-color);\n text-decoration: var(--text-body-bold-text-decoration);\n letter-spacing: var(--text-body-bold-letter-spacing);\n}\n\n._body-bold-dark_1dmye_144 {\n font-family: var(--text-body-bold-dark-font-family);\n font-style: var(--text-body-bold-dark-font-style);\n font-weight: var(--text-body-bold-dark-font-weight);\n font-size: var(--text-body-bold-dark-font-size);\n line-height: var(--text-body-bold-dark-line-height);\n color: var(--text-body-bold-dark-color);\n text-decoration: var(--text-body-bold-dark-text-decoration);\n letter-spacing: var(--text-body-bold-dark-letter-spacing);\n}\n\n._body-small-bold_1dmye_155 {\n font-family: var(--text-body-small-bold-font-family);\n font-style: var(--text-body-small-bold-font-style);\n font-weight: var(--text-body-small-bold-font-weight);\n font-size: var(--text-body-small-bold-font-size);\n line-height: var(--text-body-small-bold-line-height);\n color: var(--text-body-small-bold-color);\n text-decoration: var(--text-body-small-bold-text-decoration);\n letter-spacing: var(--text-body-small-bold-letter-spacing);\n}\n\n._button_1dmye_166 {\n font-family: var(--text-button-font-family);\n font-style: var(--text-button-font-style);\n font-weight: var(--text-button-font-weight);\n font-size: var(--text-button-font-size);\n line-height: var(--text-button-line-height);\n color: var(--text-button-color);\n text-decoration: var(--text-button-text-decoration);\n letter-spacing: var(--text-button-letter-spacing);\n}\n\n._button-small_1dmye_177 {\n font-family: var(--text-button-small-font-family);\n font-style: var(--text-button-small-font-style);\n font-weight: var(--text-button-small-font-weight);\n font-size: var(--text-button-small-font-size);\n line-height: var(--text-button-small-line-height);\n color: var(--text-button-small-color);\n text-decoration: var(--text-button-small-text-decoration);\n letter-spacing: var(--text-button-small-letter-spacing);\n}\n\n._link-large_1dmye_188 {\n font-family: var(--text-link-large-font-family);\n font-style: var(--text-link-large-font-style);\n font-weight: var(--text-link-large-font-weight);\n font-size: var(--text-link-large-font-size);\n line-height: var(--text-link-large-line-height);\n color: var(--text-link-large-color);\n text-decoration: var(--text-link-large-text-decoration);\n letter-spacing: var(--text-link-large-letter-spacing);\n}\n\n._link-medium_1dmye_199 {\n font-family: var(--text-link-medium-font-family);\n font-style: var(--text-link-medium-font-style);\n font-weight: var(--text-link-medium-font-weight);\n font-size: var(--text-link-medium-font-size);\n line-height: var(--text-link-medium-line-height);\n color: var(--text-link-medium-color);\n text-decoration: var(--text-link-medium-text-decoration);\n letter-spacing: var(--text-link-medium-letter-spacing);\n}\n\n._link_1dmye_188 {\n font-family: var(--text-link-font-family);\n font-style: var(--text-link-font-style);\n font-weight: var(--text-link-font-weight);\n font-size: var(--text-link-font-size);\n line-height: var(--text-link-line-height);\n color: var(--text-link-color);\n text-decoration: var(--text-link-text-decoration);\n letter-spacing: var(--text-link-letter-spacing);\n}\n\n._link-small_1dmye_221 {\n font-family: var(--text-link-small-font-family);\n font-style: var(--text-link-small-font-style);\n font-weight: var(--text-link-small-font-weight);\n font-size: var(--text-link-small-font-size);\n line-height: var(--text-link-small-line-height);\n color: var(--text-link-small-color);\n text-decoration: var(--text-link-small-text-decoration);\n letter-spacing: var(--text-link-small-letter-spacing);\n}\n\n._input-label_1dmye_232 {\n font-family: var(--text-input-label-font-family);\n font-style: var(--text-input-label-font-style);\n font-weight: var(--text-input-label-font-weight);\n font-size: var(--text-input-label-font-size);\n line-height: var(--text-input-label-line-height);\n color: var(--text-input-label-color);\n text-decoration: var(--text-input-label-text-decoration);\n letter-spacing: var(--text-input-label-letter-spacing);\n}\n\n._input-label-small_1dmye_243 {\n font-family: var(--text-input-label-small-font-family);\n font-style: var(--text-input-label-small-font-style);\n font-weight: var(--text-input-label-small-font-weight);\n font-size: var(--text-input-label-small-font-size);\n line-height: var(--text-input-label-small-line-height);\n color: var(--text-input-label-small-color);\n text-decoration: var(--text-input-label-small-text-decoration);\n letter-spacing: var(--text-input-label-small-letter-spacing);\n}\n\n._hint-text_1dmye_254 {\n font-family: var(--text-hint-text-font-family);\n font-style: var(--text-hint-text-font-style);\n font-weight: var(--text-hint-text-font-weight);\n font-size: var(--text-hint-text-font-size);\n line-height: var(--text-hint-text-line-height);\n color: var(--text-hint-text-color);\n text-decoration: var(--text-hint-text-text-decoration);\n letter-spacing: var(--text-hint-text-letter-spacing);\n}\n\n._placeholder_1dmye_265 {\n font-family: var(--text-placeholder-font-family);\n font-style: var(--text-placeholder-font-style);\n font-weight: var(--text-placeholder-font-weight);\n font-size: var(--text-placeholder-font-size);\n line-height: var(--text-placeholder-line-height);\n color: var(--text-placeholder-color);\n text-decoration: var(--text-placeholder-text-decoration);\n letter-spacing: var(--text-placeholder-letter-spacing);\n}\n\n._placeholder-small_1dmye_276 {\n font-family: var(--text-placeholder-small-font-family);\n font-style: var(--text-placeholder-small-font-style);\n font-weight: var(--text-placeholder-small-font-weight);\n font-size: var(--text-placeholder-small-font-size);\n line-height: var(--text-placeholder-small-line-height);\n color: var(--text-placeholder-small-color);\n text-decoration: var(--text-placeholder-small-text-decoration);\n letter-spacing: var(--text-placeholder-small-letter-spacing);\n}\n\n._placeholder-code_1dmye_287 {\n font-family: var(--text-placeholder-code-font-family);\n font-style: var(--text-placeholder-code-font-style);\n font-weight: var(--text-placeholder-code-font-weight);\n font-size: var(--text-placeholder-code-font-size);\n line-height: var(--text-placeholder-code-line-height);\n color: var(--text-placeholder-code-color);\n text-decoration: var(--text-placeholder-code-text-decoration);\n letter-spacing: var(--text-placeholder-code-letter-spacing);\n}\n\n._placeholder-code-small_1dmye_298 {\n font-family: var(--text-placeholder-code-small-font-family);\n font-style: var(--text-placeholder-code-small-font-style);\n font-weight: var(--text-placeholder-code-small-font-weight);\n font-size: var(--text-placeholder-code-small-font-size);\n line-height: var(--text-placeholder-code-small-line-height);\n color: var(--text-placeholder-code-small-color);\n text-decoration: var(--text-placeholder-code-small-text-decoration);\n letter-spacing: var(--text-placeholder-code-small-letter-spacing);\n}\n\n._error_1dmye_309 {\n font-family: var(--text-error-font-family);\n font-style: var(--text-error-font-style);\n font-weight: var(--text-error-font-weight);\n font-size: var(--text-error-font-size);\n line-height: var(--text-error-line-height);\n color: var(--text-error-color);\n text-decoration: var(--text-error-text-decoration);\n letter-spacing: var(--text-error-letter-spacing);\n}\n\n._error-small_1dmye_320 {\n font-family: var(--text-error-small-font-family);\n font-style: var(--text-error-small-font-style);\n font-weight: var(--text-error-small-font-weight);\n font-size: var(--text-error-small-font-size);\n line-height: var(--text-error-small-line-height);\n color: var(--text-error-small-color);\n text-decoration: var(--text-error-small-text-decoration);\n letter-spacing: var(--text-error-small-letter-spacing);\n}\n\n._success-small_1dmye_331 {\n font-family: var(--text-success-small-font-family);\n font-style: var(--text-success-small-font-style);\n font-weight: var(--text-success-small-font-weight);\n font-size: var(--text-success-small-font-size);\n line-height: var(--text-success-small-line-height);\n color: var(--text-success-small-color);\n text-decoration: var(--text-success-small-text-decoration);\n letter-spacing: var(--text-success-small-letter-spacing);\n}\n\n._rangeCalendar_1dmye_342 {\n width: fit-content;\n max-width: 100%;\n min-width: 225px;\n color: var(--colors-neutral-ink-base);\n font-size: var(--text-body-font-size);\n font-family: var(--font-family);\n}\n._rangeCalendar_1dmye_342 header {\n display: flex;\n align-items: center;\n margin: 0 var(--sizes-xs) var(--sizes-sm) var(--sizes-xs);\n}\n._rangeCalendar_1dmye_342 header .react-aria-Heading {\n flex: 1;\n margin: 0;\n text-align: center;\n font-family: var(--text-heading-small-font-family);\n font-style: var(--text-heading-small-font-style);\n font-weight: var(--text-heading-small-font-weight);\n font-size: var(--text-heading-small-font-size);\n line-height: var(--text-heading-small-line-height);\n color: var(--text-heading-small-color);\n text-decoration: var(--text-heading-small-text-decoration);\n letter-spacing: var(--text-heading-small-letter-spacing);\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarHeaderCell {\n padding-bottom: var(--sizes-sm);\n}\n._rangeCalendar_1dmye_342 .react-aria-Button {\n color: var(--colors-neutral-ink-base);\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n cursor: pointer;\n height: var(--sizes-10);\n padding: 0 var(--sizes-sm);\n border-radius: var(--radius-base);\n font-size: var(--text-button-font-size);\n line-height: 16px;\n outline: 0;\n --outline-width: var(--sizes-xs);\n}\n._rangeCalendar_1dmye_342 .react-aria-Button svg {\n width: var(--sizes-base);\n height: var(--sizes-base);\n}\n._rangeCalendar_1dmye_342 .react-aria-Button:active, ._rangeCalendar_1dmye_342 .react-aria-Button:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n}\n._rangeCalendar_1dmye_342 .react-aria-Button:active, ._rangeCalendar_1dmye_342 .react-aria-Button:hover {\n background-color: var(--colors-neutral-grey-light);\n}\n._rangeCalendar_1dmye_342 .react-aria-Button:disabled {\n background-color: transparent;\n border-color: transparent;\n user-select: none;\n color: var(--colors-neutral-grey-base);\n cursor: default;\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell {\n width: 30px;\n line-height: 30px;\n border-radius: var(--radius-base);\n border: 1px solid transparent;\n cursor: pointer;\n text-align: center;\n /* Data Attribute styling */\n /* Selection Styles */\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-hovered] {\n background-color: var(--colors-neutral-grey-base);\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-focus-visible], ._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-focused] {\n outline: 2px solid var(--colors-secondary-blue-light);\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-selected] {\n background: var(--colors-secondary-blue-base);\n color: white;\n border-radius: 0;\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-selected][data-focus-visible] {\n outline-color: var(--colors-secondary-blue-light);\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-outside-month], ._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-disabled] {\n cursor: not-allowed;\n color: var(--colors-neutral-ink-lightest);\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-unavailable] {\n cursor: not-allowed;\n text-decoration: line-through;\n color: var(--colors-secondary-red-dark);\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-unavailable]:hover {\n background-color: inherit;\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-selection-start] {\n border-start-start-radius: 6px;\n border-end-start-radius: 6px;\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-selection-end] {\n border-start-end-radius: 6px;\n border-end-end-radius: 6px;\n}\n._rangeCalendar_1dmye_342 table {\n height: fit-content;\n border-collapse: separate;\n border-spacing: 0 var(--sizes-xs);\n}\n._rangeCalendar_1dmye_342 table td {\n padding: 0;\n /*\n * Selectors for today border (has to apply to wrapping td (cannot be targeted directly\n * need to go through :has to get data attributes about the cell)).\n */\n}\n._rangeCalendar_1dmye_342 table td:has(div[data-today=true]) > div {\n border: 1px solid var(--colors-neutral-ink-lightest);\n}\n._rangeCalendar_1dmye_342 table td:has(div[data-today=true]):has(div[data-selected]) {\n background-color: var(--colors-secondary-blue-base);\n}\n._rangeCalendar_1dmye_342 table td:has(div[data-today=true]):has(div[data-selected]) > div {\n border: 1px solid var(--colors-secondary-blue-darkest);\n border-radius: var(--radius-base);\n}\n._rangeCalendar_1dmye_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-start]) {\n border-start-start-radius: 6px;\n border-end-start-radius: 6px;\n}\n._rangeCalendar_1dmye_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-end]) {\n border-start-end-radius: 6px;\n border-end-end-radius: 6px;\n}");
4
- var styles = {"rangeCalendar":"_rangeCalendar_1dmye_342"};
3
+ insertStyle("._heading-xxl_1430p_1 {\n font-family: var(--text-heading-xxl-font-family);\n font-style: var(--text-heading-xxl-font-style);\n font-weight: var(--text-heading-xxl-font-weight);\n font-size: var(--text-heading-xxl-font-size);\n line-height: var(--text-heading-xxl-line-height);\n color: var(--text-heading-xxl-color);\n text-decoration: var(--text-heading-xxl-text-decoration);\n letter-spacing: var(--text-heading-xxl-letter-spacing);\n}\n\n._heading-xl_1430p_12 {\n font-family: var(--text-heading-xl-font-family);\n font-style: var(--text-heading-xl-font-style);\n font-weight: var(--text-heading-xl-font-weight);\n font-size: var(--text-heading-xl-font-size);\n line-height: var(--text-heading-xl-line-height);\n color: var(--text-heading-xl-color);\n text-decoration: var(--text-heading-xl-text-decoration);\n letter-spacing: var(--text-heading-xl-letter-spacing);\n}\n\n._heading-large_1430p_23 {\n font-family: var(--text-heading-large-font-family);\n font-style: var(--text-heading-large-font-style);\n font-weight: var(--text-heading-large-font-weight);\n font-size: var(--text-heading-large-font-size);\n line-height: var(--text-heading-large-line-height);\n color: var(--text-heading-large-color);\n text-decoration: var(--text-heading-large-text-decoration);\n letter-spacing: var(--text-heading-large-letter-spacing);\n}\n\n._heading-medium_1430p_34 {\n font-family: var(--text-heading-medium-font-family);\n font-style: var(--text-heading-medium-font-style);\n font-weight: var(--text-heading-medium-font-weight);\n font-size: var(--text-heading-medium-font-size);\n line-height: var(--text-heading-medium-line-height);\n color: var(--text-heading-medium-color);\n text-decoration: var(--text-heading-medium-text-decoration);\n letter-spacing: var(--text-heading-medium-letter-spacing);\n}\n\n._heading-small_1430p_45 {\n font-family: var(--text-heading-small-font-family);\n font-style: var(--text-heading-small-font-style);\n font-weight: var(--text-heading-small-font-weight);\n font-size: var(--text-heading-small-font-size);\n line-height: var(--text-heading-small-line-height);\n color: var(--text-heading-small-color);\n text-decoration: var(--text-heading-small-text-decoration);\n letter-spacing: var(--text-heading-small-letter-spacing);\n}\n\n._heading-table_1430p_56 {\n font-family: var(--text-heading-table-font-family);\n font-style: var(--text-heading-table-font-style);\n font-weight: var(--text-heading-table-font-weight);\n font-size: var(--text-heading-table-font-size);\n line-height: var(--text-heading-table-line-height);\n color: var(--text-heading-table-color);\n text-decoration: var(--text-heading-table-text-decoration);\n letter-spacing: var(--text-heading-table-letter-spacing);\n}\n\n._subheading-large_1430p_67 {\n font-family: var(--text-subheading-large-font-family);\n font-style: var(--text-subheading-large-font-style);\n font-weight: var(--text-subheading-large-font-weight);\n font-size: var(--text-subheading-large-font-size);\n line-height: var(--text-subheading-large-line-height);\n color: var(--text-subheading-large-color);\n text-decoration: var(--text-subheading-large-text-decoration);\n letter-spacing: var(--text-subheading-large-letter-spacing);\n}\n\n._subheading-medium_1430p_78 {\n font-family: var(--text-subheading-medium-font-family);\n font-style: var(--text-subheading-medium-font-style);\n font-weight: var(--text-subheading-medium-font-weight);\n font-size: var(--text-subheading-medium-font-size);\n line-height: var(--text-subheading-medium-line-height);\n color: var(--text-subheading-medium-color);\n text-decoration: var(--text-subheading-medium-text-decoration);\n letter-spacing: var(--text-subheading-medium-letter-spacing);\n}\n\n._subheading-small_1430p_89 {\n font-family: var(--text-subheading-small-font-family);\n font-style: var(--text-subheading-small-font-style);\n font-weight: var(--text-subheading-small-font-weight);\n font-size: var(--text-subheading-small-font-size);\n line-height: var(--text-subheading-small-line-height);\n color: var(--text-subheading-small-color);\n text-decoration: var(--text-subheading-small-text-decoration);\n letter-spacing: var(--text-subheading-small-letter-spacing);\n}\n\n._subheading-small-bold_1430p_100 {\n font-family: var(--text-subheading-small-bold-font-family);\n font-style: var(--text-subheading-small-bold-font-style);\n font-weight: var(--text-subheading-small-bold-font-weight);\n font-size: var(--text-subheading-small-bold-font-size);\n line-height: var(--text-subheading-small-bold-line-height);\n color: var(--text-subheading-small-bold-color);\n text-decoration: var(--text-subheading-small-bold-text-decoration);\n letter-spacing: var(--text-subheading-small-bold-letter-spacing);\n}\n\n._body_1430p_111 {\n font-family: var(--text-body-font-family);\n font-style: var(--text-body-font-style);\n font-weight: var(--text-body-font-weight);\n font-size: var(--text-body-font-size);\n line-height: var(--text-body-line-height);\n color: var(--text-body-color);\n text-decoration: var(--text-body-text-decoration);\n letter-spacing: var(--text-body-letter-spacing);\n}\n\n._body-small_1430p_122 {\n font-family: var(--text-body-small-font-family);\n font-style: var(--text-body-small-font-style);\n font-weight: var(--text-body-small-font-weight);\n font-size: var(--text-body-small-font-size);\n line-height: var(--text-body-small-line-height);\n color: var(--text-body-small-color);\n text-decoration: var(--text-body-small-text-decoration);\n letter-spacing: var(--text-body-small-letter-spacing);\n}\n\n._body-bold_1430p_133 {\n font-family: var(--text-body-bold-font-family);\n font-style: var(--text-body-bold-font-style);\n font-weight: var(--text-body-bold-font-weight);\n font-size: var(--text-body-bold-font-size);\n line-height: var(--text-body-bold-line-height);\n color: var(--text-body-bold-color);\n text-decoration: var(--text-body-bold-text-decoration);\n letter-spacing: var(--text-body-bold-letter-spacing);\n}\n\n._body-bold-dark_1430p_144 {\n font-family: var(--text-body-bold-dark-font-family);\n font-style: var(--text-body-bold-dark-font-style);\n font-weight: var(--text-body-bold-dark-font-weight);\n font-size: var(--text-body-bold-dark-font-size);\n line-height: var(--text-body-bold-dark-line-height);\n color: var(--text-body-bold-dark-color);\n text-decoration: var(--text-body-bold-dark-text-decoration);\n letter-spacing: var(--text-body-bold-dark-letter-spacing);\n}\n\n._body-small-bold_1430p_155 {\n font-family: var(--text-body-small-bold-font-family);\n font-style: var(--text-body-small-bold-font-style);\n font-weight: var(--text-body-small-bold-font-weight);\n font-size: var(--text-body-small-bold-font-size);\n line-height: var(--text-body-small-bold-line-height);\n color: var(--text-body-small-bold-color);\n text-decoration: var(--text-body-small-bold-text-decoration);\n letter-spacing: var(--text-body-small-bold-letter-spacing);\n}\n\n._button_1430p_166 {\n font-family: var(--text-button-font-family);\n font-style: var(--text-button-font-style);\n font-weight: var(--text-button-font-weight);\n font-size: var(--text-button-font-size);\n line-height: var(--text-button-line-height);\n color: var(--text-button-color);\n text-decoration: var(--text-button-text-decoration);\n letter-spacing: var(--text-button-letter-spacing);\n}\n\n._button-small_1430p_177 {\n font-family: var(--text-button-small-font-family);\n font-style: var(--text-button-small-font-style);\n font-weight: var(--text-button-small-font-weight);\n font-size: var(--text-button-small-font-size);\n line-height: var(--text-button-small-line-height);\n color: var(--text-button-small-color);\n text-decoration: var(--text-button-small-text-decoration);\n letter-spacing: var(--text-button-small-letter-spacing);\n}\n\n._link-large_1430p_188 {\n font-family: var(--text-link-large-font-family);\n font-style: var(--text-link-large-font-style);\n font-weight: var(--text-link-large-font-weight);\n font-size: var(--text-link-large-font-size);\n line-height: var(--text-link-large-line-height);\n color: var(--text-link-large-color);\n text-decoration: var(--text-link-large-text-decoration);\n letter-spacing: var(--text-link-large-letter-spacing);\n}\n\n._link-medium_1430p_199 {\n font-family: var(--text-link-medium-font-family);\n font-style: var(--text-link-medium-font-style);\n font-weight: var(--text-link-medium-font-weight);\n font-size: var(--text-link-medium-font-size);\n line-height: var(--text-link-medium-line-height);\n color: var(--text-link-medium-color);\n text-decoration: var(--text-link-medium-text-decoration);\n letter-spacing: var(--text-link-medium-letter-spacing);\n}\n\n._link_1430p_188 {\n font-family: var(--text-link-font-family);\n font-style: var(--text-link-font-style);\n font-weight: var(--text-link-font-weight);\n font-size: var(--text-link-font-size);\n line-height: var(--text-link-line-height);\n color: var(--text-link-color);\n text-decoration: var(--text-link-text-decoration);\n letter-spacing: var(--text-link-letter-spacing);\n}\n\n._link-small_1430p_221 {\n font-family: var(--text-link-small-font-family);\n font-style: var(--text-link-small-font-style);\n font-weight: var(--text-link-small-font-weight);\n font-size: var(--text-link-small-font-size);\n line-height: var(--text-link-small-line-height);\n color: var(--text-link-small-color);\n text-decoration: var(--text-link-small-text-decoration);\n letter-spacing: var(--text-link-small-letter-spacing);\n}\n\n._input-label_1430p_232 {\n font-family: var(--text-input-label-font-family);\n font-style: var(--text-input-label-font-style);\n font-weight: var(--text-input-label-font-weight);\n font-size: var(--text-input-label-font-size);\n line-height: var(--text-input-label-line-height);\n color: var(--text-input-label-color);\n text-decoration: var(--text-input-label-text-decoration);\n letter-spacing: var(--text-input-label-letter-spacing);\n}\n\n._input-label-small_1430p_243 {\n font-family: var(--text-input-label-small-font-family);\n font-style: var(--text-input-label-small-font-style);\n font-weight: var(--text-input-label-small-font-weight);\n font-size: var(--text-input-label-small-font-size);\n line-height: var(--text-input-label-small-line-height);\n color: var(--text-input-label-small-color);\n text-decoration: var(--text-input-label-small-text-decoration);\n letter-spacing: var(--text-input-label-small-letter-spacing);\n}\n\n._hint-text_1430p_254 {\n font-family: var(--text-hint-text-font-family);\n font-style: var(--text-hint-text-font-style);\n font-weight: var(--text-hint-text-font-weight);\n font-size: var(--text-hint-text-font-size);\n line-height: var(--text-hint-text-line-height);\n color: var(--text-hint-text-color);\n text-decoration: var(--text-hint-text-text-decoration);\n letter-spacing: var(--text-hint-text-letter-spacing);\n}\n\n._placeholder_1430p_265 {\n font-family: var(--text-placeholder-font-family);\n font-style: var(--text-placeholder-font-style);\n font-weight: var(--text-placeholder-font-weight);\n font-size: var(--text-placeholder-font-size);\n line-height: var(--text-placeholder-line-height);\n color: var(--text-placeholder-color);\n text-decoration: var(--text-placeholder-text-decoration);\n letter-spacing: var(--text-placeholder-letter-spacing);\n}\n\n._placeholder-small_1430p_276 {\n font-family: var(--text-placeholder-small-font-family);\n font-style: var(--text-placeholder-small-font-style);\n font-weight: var(--text-placeholder-small-font-weight);\n font-size: var(--text-placeholder-small-font-size);\n line-height: var(--text-placeholder-small-line-height);\n color: var(--text-placeholder-small-color);\n text-decoration: var(--text-placeholder-small-text-decoration);\n letter-spacing: var(--text-placeholder-small-letter-spacing);\n}\n\n._placeholder-code_1430p_287 {\n font-family: var(--text-placeholder-code-font-family);\n font-style: var(--text-placeholder-code-font-style);\n font-weight: var(--text-placeholder-code-font-weight);\n font-size: var(--text-placeholder-code-font-size);\n line-height: var(--text-placeholder-code-line-height);\n color: var(--text-placeholder-code-color);\n text-decoration: var(--text-placeholder-code-text-decoration);\n letter-spacing: var(--text-placeholder-code-letter-spacing);\n}\n\n._placeholder-code-small_1430p_298 {\n font-family: var(--text-placeholder-code-small-font-family);\n font-style: var(--text-placeholder-code-small-font-style);\n font-weight: var(--text-placeholder-code-small-font-weight);\n font-size: var(--text-placeholder-code-small-font-size);\n line-height: var(--text-placeholder-code-small-line-height);\n color: var(--text-placeholder-code-small-color);\n text-decoration: var(--text-placeholder-code-small-text-decoration);\n letter-spacing: var(--text-placeholder-code-small-letter-spacing);\n}\n\n._error_1430p_309 {\n font-family: var(--text-error-font-family);\n font-style: var(--text-error-font-style);\n font-weight: var(--text-error-font-weight);\n font-size: var(--text-error-font-size);\n line-height: var(--text-error-line-height);\n color: var(--text-error-color);\n text-decoration: var(--text-error-text-decoration);\n letter-spacing: var(--text-error-letter-spacing);\n}\n\n._error-small_1430p_320 {\n font-family: var(--text-error-small-font-family);\n font-style: var(--text-error-small-font-style);\n font-weight: var(--text-error-small-font-weight);\n font-size: var(--text-error-small-font-size);\n line-height: var(--text-error-small-line-height);\n color: var(--text-error-small-color);\n text-decoration: var(--text-error-small-text-decoration);\n letter-spacing: var(--text-error-small-letter-spacing);\n}\n\n._success-small_1430p_331 {\n font-family: var(--text-success-small-font-family);\n font-style: var(--text-success-small-font-style);\n font-weight: var(--text-success-small-font-weight);\n font-size: var(--text-success-small-font-size);\n line-height: var(--text-success-small-line-height);\n color: var(--text-success-small-color);\n text-decoration: var(--text-success-small-text-decoration);\n letter-spacing: var(--text-success-small-letter-spacing);\n}\n\n._rangeCalendar_1430p_342 {\n width: fit-content;\n max-width: 100%;\n min-width: 225px;\n color: var(--colors-neutral-ink-base);\n font-size: var(--text-body-font-size);\n font-family: var(--font-family);\n}\n._rangeCalendar_1430p_342 header {\n display: flex;\n align-items: center;\n margin: 0 var(--sizes-xs) var(--sizes-sm) var(--sizes-xs);\n}\n._rangeCalendar_1430p_342 header .react-aria-Heading {\n flex: 1;\n margin: 0;\n text-align: center;\n font-family: var(--text-heading-small-font-family);\n font-style: var(--text-heading-small-font-style);\n font-weight: var(--text-heading-small-font-weight);\n font-size: var(--text-heading-small-font-size);\n line-height: var(--text-heading-small-line-height);\n color: var(--text-heading-small-color);\n text-decoration: var(--text-heading-small-text-decoration);\n letter-spacing: var(--text-heading-small-letter-spacing);\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarHeaderCell {\n padding-bottom: var(--sizes-sm);\n}\n._rangeCalendar_1430p_342 .react-aria-Button {\n color: var(--colors-neutral-ink-base);\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n cursor: pointer;\n height: var(--sizes-10);\n padding: 0 var(--sizes-sm);\n border-radius: var(--radius-base);\n font-size: var(--text-button-font-size);\n line-height: 16px;\n outline: 0;\n --outline-width: var(--sizes-xs);\n}\n._rangeCalendar_1430p_342 .react-aria-Button svg {\n width: var(--sizes-base);\n height: var(--sizes-base);\n}\n._rangeCalendar_1430p_342 .react-aria-Button:active, ._rangeCalendar_1430p_342 .react-aria-Button:focus-visible {\n outline: var(--sizes-xs) solid var(--colors-secondary-blue-light);\n outline-offset: var(--sizes-line);\n}\n._rangeCalendar_1430p_342 .react-aria-Button:active, ._rangeCalendar_1430p_342 .react-aria-Button:hover {\n background-color: var(--colors-neutral-grey-light);\n}\n._rangeCalendar_1430p_342 .react-aria-Button:disabled {\n background-color: transparent;\n border-color: transparent;\n user-select: none;\n color: var(--colors-neutral-grey-base);\n cursor: default;\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarCell {\n width: 30px;\n line-height: 30px;\n border-radius: var(--radius-base);\n border: 1px solid transparent;\n cursor: pointer;\n text-align: center;\n /* Data Attribute styling */\n /* Selection Styles */\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-hovered] {\n background-color: var(--colors-neutral-grey-base);\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-focus-visible], ._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-focused] {\n outline: 2px solid var(--colors-secondary-blue-light);\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-selected] {\n background: var(--colors-secondary-blue-base);\n color: white;\n border-radius: 0;\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-selected][data-focus-visible] {\n outline-color: var(--colors-secondary-blue-light);\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-outside-month], ._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-disabled] {\n cursor: not-allowed;\n color: var(--colors-neutral-ink-lightest);\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-unavailable] {\n cursor: not-allowed;\n text-decoration: line-through;\n color: var(--colors-secondary-red-dark);\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-unavailable]:hover {\n background-color: inherit;\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-selection-start] {\n border-start-start-radius: 6px;\n border-end-start-radius: 6px;\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-selection-end] {\n border-start-end-radius: 6px;\n border-end-end-radius: 6px;\n}\n._rangeCalendar_1430p_342 table {\n height: fit-content;\n border-collapse: separate;\n border-spacing: 0 var(--sizes-xs);\n}\n._rangeCalendar_1430p_342 table td {\n padding: 0;\n /*\n * Selectors for today border (has to apply to wrapping td (cannot be targeted directly\n * need to go through :has to get data attributes about the cell)).\n */\n}\n._rangeCalendar_1430p_342 table td:has(div[data-today=true]) > div {\n border: 1px solid var(--colors-neutral-ink-lightest);\n}\n._rangeCalendar_1430p_342 table td:has(div[data-today=true]):has(div[data-selected]) {\n background-color: var(--colors-secondary-blue-base);\n}\n._rangeCalendar_1430p_342 table td:has(div[data-today=true]):has(div[data-selected]) > div {\n border: 1px solid var(--colors-secondary-blue-darkest);\n border-radius: var(--radius-base);\n}\n._rangeCalendar_1430p_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-start]) {\n border-start-start-radius: 6px;\n border-end-start-radius: 6px;\n}\n._rangeCalendar_1430p_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-end]) {\n border-start-end-radius: 6px;\n border-end-end-radius: 6px;\n}");
4
+ var styles = {"rangeCalendar":"_rangeCalendar_1430p_342"};
5
5
 
6
6
  export { styles as default };
7
7
  //# sourceMappingURL=RangeCalendar.module.scss.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"RangeCalendar.module.scss.js","sources":["../../../../../src/components/Calendars/components/RangeCalendar/RangeCalendar.module.scss"],"sourcesContent":["@use '../subcomponents/CalendarStyles/calendar-styles' as cal;\n\n.rangeCalendar {\n @include cal.calendar-base;\n}\n"],"names":["___$insertStyle"],"mappings":";;AAGEA,WAAA,CAAA,65lBAAA;AACA,aAAA,CAAA,eAAA,CAAA,0BAAA;;;;"}
1
+ {"version":3,"file":"RangeCalendar.module.scss.js","sources":["../../../../../src/components/Calendars/components/RangeCalendar/RangeCalendar.module.scss"],"sourcesContent":["@use '../subcomponents/CalendarStyles/calendar-styles' as cal;\n\n.rangeCalendar {\n @include cal.calendar-base;\n}\n"],"names":["___$insertStyle"],"mappings":";;AAGEA,WAAA,CAAA,27lBAAA;AACA,aAAA,CAAA,eAAA,CAAA,0BAAA;;;;"}
@@ -4,11 +4,12 @@ var React = require('react');
4
4
  var reactAriaComponents = require('react-aria-components');
5
5
  var DateInputField_module = require('./DateInputField.module.scss.cjs');
6
6
  var Button = require('../Button/Button.cjs');
7
- var Stack = require('../Stack/Stack.cjs');
7
+ var FlexRow = require('../Flex/FlexRow/FlexRow.cjs');
8
8
  require('../Grid/Grid.cjs');
9
9
  require('@internationalized/date');
10
10
  require('../Calendars/types.cjs');
11
11
  require('../Calendars/data/constants.cjs');
12
+ require('../Stack/Stack.cjs');
12
13
  require('../Calendars/components/subcomponents/CalendarHeading.cjs');
13
14
  var useIsDateUnavailable = require('../Calendars/data/useIsDateUnavailable.cjs');
14
15
  var buildClassnames = require('../../utils/buildClassnames.cjs');
@@ -17,7 +18,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
17
18
 
18
19
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
19
20
 
20
- const DateInputField = ({ id, className, style, shouldForceLeadingZeros = true, rightAction, startValue, endValue, disabled, isReadOnly, isRangeInput = false, hasError, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, 'aria-labelledby': ariaLabelledBy, onChange, onChangeStartDate, onChangeEndDate, rangeRef, rightActionRef, ...validationProps }) => {
21
+ const DateInputField = ({ id, className, style, shouldForceLeadingZeros = true, rightAction, startValue, endValue, disabled, isReadOnly, isRangeInput = false, isOpen, hasError, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, 'aria-labelledby': ariaLabelledBy, onChange, onChangeStartDate, onChangeEndDate, rangeRef, rightActionRef, ...validationProps }) => {
21
22
  const { isDateUnavailable, isDateRangeUnavailable } = useIsDateUnavailable.useIsDateUnavailable(validationProps);
22
23
  const [isStartInvalid, setIsStartInvalid] = React.useState(false);
23
24
  const [isEndInvalid, setIsEndInvalid] = React.useState(false);
@@ -41,9 +42,9 @@ const DateInputField = ({ id, className, style, shouldForceLeadingZeros = true,
41
42
  setIsStartInvalid(startValue ? validateDate(startValue) !== true : false);
42
43
  setIsEndInvalid(isRangeInput && endValue ? validateDate(endValue) !== true : false);
43
44
  }, [startValue, endValue, isRangeInput, validateDate]);
44
- return (React__default.default.createElement(Stack.Stack, { direction: "horizontal", alignX: "stretch", alignY: "center", spacing: 0 },
45
- React__default.default.createElement(reactAriaComponents.Group, { ref: rangeRef, style: style, className: buildClassnames.buildClassnames([DateInputField_module.dateRangeGroup, hasError && DateInputField_module.error, className]), "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy !== null && ariaLabelledBy !== void 0 ? ariaLabelledBy : `${id}-label`, isDisabled: disabled },
46
- React__default.default.createElement(Stack.Stack, { spacing: "sm", direction: "horizontal", alignX: "center" },
45
+ return (React__default.default.createElement(FlexRow.FlexRow, { alignItems: "center", gap: "none", flexGrow: 1 },
46
+ React__default.default.createElement(reactAriaComponents.Group, { ref: rangeRef, style: style, className: buildClassnames.buildClassnames([DateInputField_module.dateRangeGroup, hasError && DateInputField_module.error, className]), "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy !== null && ariaLabelledBy !== void 0 ? ariaLabelledBy : `${id}-label`, isDisabled: disabled, "data-open": isOpen || undefined },
47
+ React__default.default.createElement(FlexRow.FlexRow, { gap: "sm", alignItems: "center", justifyContent: "center" },
47
48
  React__default.default.createElement(reactAriaComponents.DateField, { shouldForceLeadingZeros: shouldForceLeadingZeros, onChange: isRangeInput ? onChangeStartDate : onChange, value: startValue, validate: validateDate, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy !== null && ariaLabelledBy !== void 0 ? ariaLabelledBy : `${id}-label`, "aria-label": isRangeInput ? 'start date' : 'date', isDisabled: disabled, isReadOnly: isReadOnly, isInvalid: isStartInvalid, ...validationProps },
48
49
  React__default.default.createElement(reactAriaComponents.DateInput, { slot: "start" }, (segment) => React__default.default.createElement(reactAriaComponents.DateSegment, { segment: segment }))),
49
50
  isRangeInput && (React__default.default.createElement(React__default.default.Fragment, null,