@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.
- package/README.md +40 -29
- package/dist/components/Calendars/components/Calendar/Calendar.module.scss.cjs +2 -2
- package/dist/components/Calendars/components/Calendar/Calendar.module.scss.cjs.map +1 -1
- package/dist/components/Calendars/components/Calendar/Calendar.module.scss.js +2 -2
- package/dist/components/Calendars/components/Calendar/Calendar.module.scss.js.map +1 -1
- package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.module.scss.cjs +2 -2
- package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.module.scss.cjs.map +1 -1
- package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.module.scss.js +2 -2
- package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.module.scss.js.map +1 -1
- package/dist/components/DateInputField/DateInputField.cjs +6 -5
- package/dist/components/DateInputField/DateInputField.cjs.map +1 -1
- package/dist/components/DateInputField/DateInputField.d.ts +1 -1
- package/dist/components/DateInputField/DateInputField.js +6 -5
- package/dist/components/DateInputField/DateInputField.js.map +1 -1
- package/dist/components/DateInputField/DateInputField.module.scss.cjs +2 -2
- package/dist/components/DateInputField/DateInputField.module.scss.cjs.map +1 -1
- package/dist/components/DateInputField/DateInputField.module.scss.js +2 -2
- package/dist/components/DateInputField/DateInputField.module.scss.js.map +1 -1
- package/dist/components/DateInputField/types.d.ts +1 -0
- package/dist/components/DatePicker/DatePicker.cjs +1 -1
- package/dist/components/DatePicker/DatePicker.cjs.map +1 -1
- package/dist/components/DatePicker/DatePicker.js +1 -1
- package/dist/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.cjs +12 -6
- package/dist/components/DateRangePicker/DateRangePicker.cjs.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.js +12 -6
- package/dist/components/DateRangePicker/DateRangePicker.js.map +1 -1
- package/dist/components/PhoneInput/types.d.ts +16 -0
- package/dist/components/PriceInput/types.d.ts +10 -0
- package/dist/components/Search/types.d.ts +5 -0
- package/dist/hoc/withLabels/withLabels.cjs.map +1 -1
- package/dist/hoc/withLabels/withLabels.d.ts +7 -0
- package/dist/hoc/withLabels/withLabels.js.map +1 -1
- package/dist/hoc/withLabels/withLabels.module.scss.cjs +2 -2
- package/dist/hoc/withLabels/withLabels.module.scss.cjs.map +1 -1
- package/dist/hoc/withLabels/withLabels.module.scss.js +2 -2
- package/dist/hoc/withLabels/withLabels.module.scss.js.map +1 -1
- package/dist/icons/design-system/icons.figma.batch.d.ts +8 -0
- 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
|
-
|
|
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
|
-
####
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
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
|
-
|
|
189
|
+
#### Add a package.json script
|
|
190
|
+
|
|
191
|
+
```json
|
|
192
|
+
"build:your-icons": "node scripts/build-your-icons.js"
|
|
193
|
+
```
|
|
186
194
|
|
|
187
|
-
The
|
|
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
|
|
209
|
+
# Export all icons and logos
|
|
202
210
|
npm run figma:export
|
|
203
211
|
|
|
204
|
-
# Export
|
|
205
|
-
npm run figma:export-
|
|
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":"
|
|
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
|
|
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":"
|
|
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
|
|
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":"
|
|
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
|
package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.module.scss.cjs.map
CHANGED
|
@@ -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,
|
|
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":"
|
|
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,
|
|
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
|
|
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(
|
|
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(
|
|
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,
|