npm - @aquera/nile-elements - Versions diffs - 0.1.17 → 0.1.18 - Mend

@aquera/nile-elements 0.1.17 → 0.1.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (291) hide show

package/dist/src/nile-calendar/nile-calendar.test.js CHANGED Viewed

@@ -62,12 +62,19 @@ describe('NileCalendar', () => {
     it('should change the month correctly on next and previous button click', async () => {
         const el = await fixture(html `<nile-calendar></nile-calendar>`);
         await elementUpdated(el);
-        // Get current, next, and previous months
-        const today = new Date();
-        const getMonthName = (date) => date.toLocaleString('default', { month: 'long' });
-        const currMonth = getMonthName(today);
-        const nextMonth = getMonthName(new Date(today.setMonth(today.getMonth() + 1)));
-        const prevMonth = getMonthName(new Date(today.setMonth(today.getMonth() - 2)));
+        function getMonths() {
+            const currentDate = new Date();
+            const previousMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() - 1, 1);
+            const currentMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1);
+            const nextMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 1);
+            return {
+                prevMonth: previousMonth.toLocaleString('default', { month: 'long', year: 'numeric' }).split(' ').at(0),
+                currMonth: currentMonth.toLocaleString('default', { month: 'long', year: 'numeric' }).split(' ').at(0),
+                nextMonth: nextMonth.toLocaleString('default', { month: 'long', year: 'numeric' }).split(' ').at(0)
+            };
+        }
+        const { prevMonth, currMonth, nextMonth } = getMonths();
+        console.log(prevMonth, currMonth, nextMonth);
         // Check initial month
         let monthText = el.shadowRoot?.querySelector('div.calendar-header > span')?.textContent;
         expect(monthText).to.include(currMonth);

package/dist/src/nile-calendar/nile-calendar.test.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-calendar.test.js","sourceRoot":"","sources":["../../../src/nile-calendar/nile-calendar.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, html, expect, oneEvent, elementUpdated, waitUntil } from '@open-wc/testing';\nimport './nile-calendar';\nimport { NileCalendar } from './nile-calendar';\nimport Sinon from 'sinon';\nimport { NileButton } from '../nile-button';\nimport { NileIcon } from '../nile-icon';\nimport { NileTab } from '../nile-tab';\nimport { NileTabGroup } from '../nile-tab-group';\nimport { NileSelect } from '../nile-select';\nimport { NileInput } from '../nile-input';\n\nimport './nile-calendar';\nimport '../nile-input/nile-input';\nimport '../nile-select/nile-select';\nimport '../nile-tab-group/nile-tab-group';\nimport '../nile-tab/nile-tab';\nimport '../nile-button/nile-button';\n\nfunction wait(ms:number=50000) {\n return new Promise(resolve => setTimeout(resolve, ms));\n}\n\ndescribe('NileCalendar', () => {\n it('renders correctly with default properties', async () => {\n const el = await fixture<NileCalendar>(html`<nile-calendar></nile-calendar>`);\n expect(el).shadowDom.to.equalSnapshot();\n });\n \n it('should render correctly', async () => {\n const el = await fixture<NileCalendar>(html`<nile-calendar></nile-calendar>`);\n expect(el).to.be.instanceOf(NileCalendar);\n expect(el.shadowRoot).not.to.be.null;\n });\n\n it('should initialize value on connectedCallback', async () => {\n const el = await fixture<NileCalendar>(html`<nile-calendar value=\"2023-10-01\"></nile-calendar>`);\n el.connectedCallback();\n expect(el.value?.toISOString().split('T')[0]).to.equal('2023-10-01');\n });\n\n it('should emit `nile-init` event on connectedCallback', async () => {\n const el = await fixture<NileCalendar>(html`<nile-calendar></nile-calendar>`);\n const eventSpy = Sinon.spy(el, 'emit');\n el.connectedCallback();\n expect(eventSpy).to.have.been.calledWith('nile-init');\n });\n\n it('should initialize value on connectedCallback', async () => {\n const el = await fixture<NileCalendar>(html`<nile-calendar value=\"2023-10-01\"></nile-calendar>`);\n el.connectedCallback();\n expect(el.value?.toISOString().split('T')[0]).to.equal('2023-10-01');\n });\n\n it('should update value when valueAttribute changes', async () => {\n const el = await fixture<NileCalendar>(html`<nile-calendar value=\"2023-10-01\"></nile-calendar>`);\n el.valueAttribute = '2023-11-05';\n await el.updateComplete;\n expect(el.value?.toISOString().split('T')[0]).to.equal('2023-11-05');\n });\n\n it('should select a single date when clicked', async () => {\n const el = await fixture<NileCalendar>(html`<nile-calendar></nile-calendar>`);\n \n // Get the current date element in the calendar\n const currentDateElement = el.shadowRoot?.querySelector('div.days_container div.current__date__dot')?.parentElement?.parentElement;\n \n // Simulate a click on the current date after a brief timeout\n setTimeout(() => currentDateElement?.click());\n \n // Wait for the 'nile-change' event to be emitted\n const { detail: { value } } = await oneEvent(el, 'nile-change');\n \n // Update the element after the event\n await elementUpdated(el);\n \n const emittedDate = new Date(value);\n // Assertions\n expect(value).to.exist;\n expect(emittedDate.getDate()).to.equal(new Date().getDate());\n expect(currentDateElement?.className).to.include('selected-date');\n });\n\n it('should change the month correctly on next and previous button click', async () => {\n const el = await fixture<NileCalendar>(html`<nile-calendar></nile-calendar>`);\n await elementUpdated(el);\n \n // Get current, next, and previous months\n const today = new Date();\n const getMonthName = (date: Date) => date.toLocaleString('default', { month: 'long' });\n const currMonth = getMonthName(today);\n const nextMonth = getMonthName(new Date(today.setMonth(today.getMonth() + 1)));\n const prevMonth = getMonthName(new Date(today.setMonth(today.getMonth() - 2)));\n \n // Check initial month\n let monthText = el.shadowRoot?.querySelector('div.calendar-header > span')?.textContent;\n expect(monthText).to.include(currMonth);\n \n // Click next button and check next month\n const [prevButton, nextButton] = el.shadowRoot?.querySelectorAll<NileIcon>('nile-icon') \|\| [];\n nextButton?.click();\n await elementUpdated(el);\n monthText = el.shadowRoot?.querySelector('div.calendar-header > span')?.textContent;\n expect(monthText).to.include(nextMonth);\n \n // Click previous button twice and check previous month\n prevButton?.click();\n await elementUpdated(el);\n prevButton?.click();\n await elementUpdated(el);\n monthText = el.shadowRoot?.querySelector('div.calendar-header > span')?.textContent;\n expect(monthText).to.include(prevMonth);\n })\n\n it('should allow range selection and emit validated data on apply', async () => {\n const el = await fixture<NileCalendar>(html`<nile-calendar range></nile-calendar>`);\n await elementUpdated(el);\n\n // Get day elements from the calendar, selecting two dates for range selection\n const days = el.shadowRoot?.querySelectorAll('.days_container .day_date:not(.filler)') \|\| [];\n const firstDay = days[4] as HTMLElement; // Choose the 5th day of the month\n const lastDay = days[9] as HTMLElement; // Choose the 10th day of the month\n\n // Simulate click events for selecting the range (start and end date)\n firstDay.click();\n await elementUpdated(el); // Wait for updates after selection\n lastDay.click();\n await elementUpdated(el); // Wait for updates after range selection\n\n // Ensure both dates are correctly selected in the DOM\n expect(firstDay.classList.contains('range-start')).to.be.true;\n expect(lastDay.classList.contains('range-end')).to.be.true;\n\n // Find and click the \"Apply\" button to confirm the range\n const applyButton = el.shadowRoot?.querySelector<NileButton>('.apply-button');\n setTimeout(() => applyButton?.click());\n\n // Wait for the emitted 'nile-changed' event\n const { detail } = await oneEvent(el, 'nile-changed');\n\n // Extract the emitted start and end dates from the event detail\n const { startDate, endDate } = detail;\n \n // Validate the emitted data\n const expectedStartDate = new Date();\n expectedStartDate.setDate(5); // Adjust to the expected 5th day\n const expectedEndDate = new Date();\n expectedEndDate.setDate(10); // Adjust to the expected 10th day\n \n expect(startDate.getDate()).to.equal(expectedStartDate.getDate());\n expect(endDate.getDate()).to.equal(expectedEndDate.getDate());\n });\n\n it('should correctly apply allowed dates range on calendar', async () => {\n const currentMonth = new Date().getMonth();\n const currentYear = new Date().getFullYear();\n\n // Define a range of allowed dates (e.g., from the 5th to the 20th of the current month)\n const allowedDates = {\n startDate: `${currentYear}-${String(currentMonth + 1).padStart(2, '0')}-05`,\n endDate: `${currentYear}-${String(currentMonth + 1).padStart(2, '0')}-20`\n };\n\n // Pass the allowed dates to the component as a property\n const el = await fixture<NileCalendar>(html`\n <nile-calendar allowedDates='${JSON.stringify(allowedDates)}'></nile-calendar>\n `);\n\n await elementUpdated(el);\n\n // Get all day elements from the calendar\n const days = el.shadowRoot?.querySelectorAll('.days_container .day_date') \|\| [];\n\n // Verify that days outside the allowed range are marked as not allowed\n days.forEach((dayElement, index) => {\n const dayNumber = Number(dayElement.textContent?.trim());\n\n if (dayNumber < 5 \|\| dayNumber > 20) {\n expect(dayElement.classList.contains('not-allowed')).to.be.true;\n } else {\n expect(dayElement.classList.contains('not-allowed')).to.be.false;\n }\n });\n });\n \n it('should select various ranges in relative calendar and emit correct data', async () => {\n const el = await fixture<NileCalendar>(html`<nile-calendar range type=\"relative\"></nile-calendar>`);\n await elementUpdated(el);\n\n // Define test cases with unit and values for the relative range selection\n const testCases = [\n { unit: 'minutes', value: 15 },\n { unit: 'hours', value: 2 },\n { unit: 'days', value: 3 },\n { unit: 'weeks', value: 1 },\n { unit: 'months', value: 6 }\n ];\n\n let index=1;\n for (const testCase of testCases) {\n const { unit, value } = testCase;\n\n // Find the unit selector buttons and simulate click for the corresponding unit\n const unitSelector = Array.from(el.shadowRoot?.querySelectorAll<HTMLElement>(`div.unit-container .duration-units:nth-child(${index2})>div`)??[]).find(el=>Number(el.textContent?.trim())==value);\n unitSelector?.click();\n await elementUpdated(el);\n\n // Simulate clicking the apply button\n const applyButton = el.shadowRoot?.querySelector<HTMLButtonElement>('.apply-button');\n setTimeout(() =>{ \n applyButton?.click();\n });\n\n // Wait for the emitted `nile-changed` event and get the emitted start and end dates\n const { detail } = await oneEvent(el, 'nile-change');\n const { startDate, endDate } = detail;\n\n // Validate the emitted data for each unit\n const now = new Date();\n let expectedStartDate = new Date(now);\n \n switch (unit) {\n case 'minutes':\n expectedStartDate.setMinutes(now.getMinutes() - value);\n break;\n case 'hours':\n expectedStartDate.setHours(now.getHours() - value);\n break;\n case 'days':\n expectedStartDate.setDate(now.getDate() - value);\n break;\n case 'weeks':\n expectedStartDate.setDate(now.getDate() - value 7);\n break;\n case 'months':\n expectedStartDate.setMonth(now.getMonth() - value);\n break;\n }\n\n // Ensure the emitted startDate and endDate match the expected values\n expect(startDate.getTime()).to.be.closeTo(expectedStartDate.getTime(), 1000); // Allowing a small time tolerance\n expect(endDate.getTime()).to.be.closeTo(now.getTime(), 1000); // The endDate should be roughly now\n index++;\n }\n });\n\n it('should allow manual time input for from and to fields and emit correct data', async () => {\n const el = await fixture<NileCalendar>(html`\n <nile-calendar range showManualInputs></nile-calendar>\n `);\n await elementUpdated(el);\n\n const days = el.shadowRoot?.querySelectorAll('.days_container .day_date:not(.filler)') \|\| [];\n const firstDay = days[4] as HTMLElement; // Select 5th day of the month\n const lastDay = days[9] as HTMLElement; // Select 10th day of the month\n\n // Simulate clicks to select the range (start and end date)\n firstDay.click();\n await elementUpdated(el);\n lastDay.click();\n await elementUpdated(el);\n\n // Find the \"From\" and \"To\" input fields\n const fromInput = el.shadowRoot?.querySelector<HTMLInputElement>('nile-input[label=\"From\"]');\n const toInput = el.shadowRoot?.querySelector<HTMLInputElement>('nile-input[label=\"To\"]');\n\n // Manually set the \"From\" and \"To\" time values\n if (fromInput && toInput) {\n // Simulate input events for both \"From\" and \"To\" time inputs\n fromInput.dispatchEvent(new CustomEvent('nile-change',{detail:{value:'08:30:00'}}));\n toInput.dispatchEvent(new CustomEvent('nile-change',{detail:{value:'17:00:00'}}));\n }\n\n await elementUpdated(el); // Wait for the DOM to update after the inputs\n\n // Simulate clicking the \"Apply\" button\n const applyButton = el.shadowRoot?.querySelector<HTMLButtonElement>('.apply-button');\n setTimeout(()=>applyButton?.click())\n\n // Wait for the emitted `nile-change` event\n const { detail } = await oneEvent(el, 'nile-change');\n const { startDate, endDate } = detail;\n\n // Expected start and end date should include the manually entered times\n const expectedStartDate = new Date();\n expectedStartDate.setHours(8, 30, 0); // 08:30:00 for \"From\" time\n const expectedEndDate = new Date();\n expectedEndDate.setHours(17, 0, 0); // 17:00:00 for \"To\" time\n\n // Validate the emitted startDate and endDate\n expect(startDate.getHours()).to.equal(expectedStartDate.getHours());\n expect(startDate.getMinutes()).to.equal(expectedStartDate.getMinutes());\n expect(startDate.getSeconds()).to.equal(expectedStartDate.getSeconds());\n\n expect(endDate.getHours()).to.equal(expectedEndDate.getHours());\n expect(endDate.getMinutes()).to.equal(expectedEndDate.getMinutes());\n expect(endDate.getSeconds()).to.equal(expectedEndDate.getSeconds());\n });\n\n it('should allow setting duration and unit of time in relative mode and emit correct data', async () => {\n const el = await fixture<NileCalendar>(html`\n <nile-calendar type=\"relative\" range></nile-calendar>\n `);\n await elementUpdated(el);\n\n // Step 1: Manually set the \"Duration\" input value\n const durationInput = el.shadowRoot?.querySelector<NileInput>('nile-input.duration-input');\n \n if (durationInput) {\n durationInput.dispatchEvent(new CustomEvent('nile-change',{detail:{value:'5'}}));// Set duration to 5 (e.g., 5 hours)\n }\n\n await elementUpdated(el); // Wait for the DOM to update after the input\n\n // Step 2: Select the \"Unit of Time\" from the select input (e.g., hours)\n const unitSelect = el.shadowRoot?.querySelector<NileSelect>('nile-select');\n if (unitSelect) {\n unitSelect.dispatchEvent(new CustomEvent('nile-change',{detail:{value:'hours'}}));// Trigger change event\n }\n\n await elementUpdated(el); // Wait for the DOM to update after the selection\n\n // Step 3: Simulate clicking the \"Apply\" button\n const applyButton = el.shadowRoot?.querySelector<NileButton>('.apply-button');\n setTimeout(()=>applyButton?.click())\n\n // Step 4: Wait for the emitted `nile-change` event\n const { detail } = await oneEvent(el, 'nile-change');\n const { startDate, endDate } = detail;\n\n // Step 5: Validate the emitted data\n const now = new Date();\n const expectedStartDate = new Date(now);\n expectedStartDate.setHours(now.getHours() - 5); // Subtract 5 hours from the current time\n\n // Check if the emitted startDate matches the expected start date (5 hours ago)\n expect(startDate.getTime()).to.be.closeTo(expectedStartDate.getTime(), 1000); // Allowing small time tolerance (1000 ms)\n \n // Check if the emitted endDate is approximately now\n expect(endDate.getTime()).to.be.closeTo(now.getTime(), 1000); // The end date should be roughly now\n });\n\n it('should allow deselection of date on clicking again on selected date', async () => {\n const el = await fixture<NileCalendar>(html`\n <nile-calendar showManualInput doubleClickUnselect></nile-calendar>\n `);\n await elementUpdated(el);\n \n // Get the current date element in the calendar\n const currentDateElement = el.shadowRoot?.querySelector('div.days_container div.current__date__dot')?.parentElement?.parentElement;\n \n // Simulate a click on the current date after a brief timeout\n setTimeout(() => currentDateElement?.click());\n \n // Wait for the 'nile-change' event to be emitted\n const { detail: { value } } = await oneEvent(el, 'nile-change');\n \n // Update the element after the event\n await elementUpdated(el);\n \n // Assertions\n expect(value).to.exist;\n expect(currentDateElement?.className).to.include('selected-date');\n\n // Simulate a click on the current date after a brief timeout\n currentDateElement?.click()\n await elementUpdated(el);\n \n expect(currentDateElement?.className).to.not.include('selected-date');\n })\n\n it('should allow deselection of range on clicking on clear button', async () => {\n const el = await fixture<NileCalendar>(html`\n <nile-calendar range allowClear></nile-calendar>\n `);\n await elementUpdated(el);\n \n // Get day elements from the calendar, selecting two dates for range selection\n const days = el.shadowRoot?.querySelectorAll('.days_container .day_date:not(.filler)') \|\| [];\n const firstDay = days[4] as HTMLElement; // Choose the 5th day of the month\n const lastDay = days[9] as HTMLElement; // Choose the 10th day of the month\n\n // Simulate click events for selecting the range (start and end date)\n firstDay.click();\n await elementUpdated(el); // Wait for updates after selection\n lastDay.click();\n await elementUpdated(el); // Wait for updates after range selection\n\n // Ensure both dates are correctly selected in the DOM\n expect(firstDay.classList.contains('range-start')).to.be.true;\n expect(lastDay.classList.contains('range-end')).to.be.true;\n\n // Find and click the \"Apply\" button to confirm the range\n const clearButton = el.shadowRoot?.querySelector<NileButton>('.clear-button');\n clearButton?.click()\n await elementUpdated(el); // Wait for updates after range selection\n \n expect(firstDay.classList.contains('range-start')).to.be.false;\n expect(lastDay.classList.contains('range-end')).to.be.false;\n })\n});\n\n"]}
1	+ {"version":3,"file":"nile-calendar.test.js","sourceRoot":"","sources":["../../../src/nile-calendar/nile-calendar.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, html, expect, oneEvent, elementUpdated, waitUntil } from '@open-wc/testing';\nimport './nile-calendar';\nimport { NileCalendar } from './nile-calendar';\nimport Sinon from 'sinon';\nimport { NileButton } from '../nile-button';\nimport { NileIcon } from '../nile-icon';\nimport { NileTab } from '../nile-tab';\nimport { NileTabGroup } from '../nile-tab-group';\nimport { NileSelect } from '../nile-select';\nimport { NileInput } from '../nile-input';\n\nimport './nile-calendar';\nimport '../nile-input/nile-input';\nimport '../nile-select/nile-select';\nimport '../nile-tab-group/nile-tab-group';\nimport '../nile-tab/nile-tab';\nimport '../nile-button/nile-button';\n\nfunction wait(ms:number=50000) {\n return new Promise(resolve => setTimeout(resolve, ms));\n}\n\ndescribe('NileCalendar', () => {\n it('renders correctly with default properties', async () => {\n const el = await fixture<NileCalendar>(html`<nile-calendar></nile-calendar>`);\n expect(el).shadowDom.to.equalSnapshot();\n });\n \n it('should render correctly', async () => {\n const el = await fixture<NileCalendar>(html`<nile-calendar></nile-calendar>`);\n expect(el).to.be.instanceOf(NileCalendar);\n expect(el.shadowRoot).not.to.be.null;\n });\n\n it('should initialize value on connectedCallback', async () => {\n const el = await fixture<NileCalendar>(html`<nile-calendar value=\"2023-10-01\"></nile-calendar>`);\n el.connectedCallback();\n expect(el.value?.toISOString().split('T')[0]).to.equal('2023-10-01');\n });\n\n it('should emit `nile-init` event on connectedCallback', async () => {\n const el = await fixture<NileCalendar>(html`<nile-calendar></nile-calendar>`);\n const eventSpy = Sinon.spy(el, 'emit');\n el.connectedCallback();\n expect(eventSpy).to.have.been.calledWith('nile-init');\n });\n\n it('should initialize value on connectedCallback', async () => {\n const el = await fixture<NileCalendar>(html`<nile-calendar value=\"2023-10-01\"></nile-calendar>`);\n el.connectedCallback();\n expect(el.value?.toISOString().split('T')[0]).to.equal('2023-10-01');\n });\n\n it('should update value when valueAttribute changes', async () => {\n const el = await fixture<NileCalendar>(html`<nile-calendar value=\"2023-10-01\"></nile-calendar>`);\n el.valueAttribute = '2023-11-05';\n await el.updateComplete;\n expect(el.value?.toISOString().split('T')[0]).to.equal('2023-11-05');\n });\n\n it('should select a single date when clicked', async () => {\n const el = await fixture<NileCalendar>(html`<nile-calendar></nile-calendar>`);\n \n // Get the current date element in the calendar\n const currentDateElement = el.shadowRoot?.querySelector('div.days_container div.current__date__dot')?.parentElement?.parentElement;\n \n // Simulate a click on the current date after a brief timeout\n setTimeout(() => currentDateElement?.click());\n \n // Wait for the 'nile-change' event to be emitted\n const { detail: { value } } = await oneEvent(el, 'nile-change');\n \n // Update the element after the event\n await elementUpdated(el);\n \n const emittedDate = new Date(value);\n // Assertions\n expect(value).to.exist;\n expect(emittedDate.getDate()).to.equal(new Date().getDate());\n expect(currentDateElement?.className).to.include('selected-date');\n });\n\n it('should change the month correctly on next and previous button click', async () => {\n const el = await fixture<NileCalendar>(html`<nile-calendar></nile-calendar>`);\n await elementUpdated(el);\n \n function getMonths() {\n const currentDate = new Date();\n \n const previousMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() - 1, 1);\n const currentMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1);\n const nextMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 1);\n \n return {\n prevMonth: previousMonth.toLocaleString('default', { month: 'long', year: 'numeric' }).split(' ').at(0),\n currMonth: currentMonth.toLocaleString('default', { month: 'long', year: 'numeric' }).split(' ').at(0),\n nextMonth: nextMonth.toLocaleString('default', { month: 'long', year: 'numeric' }).split(' ').at(0)\n };\n }\n const {prevMonth,currMonth,nextMonth}=getMonths()\n console.log(prevMonth,currMonth,nextMonth)\n \n // Check initial month\n let monthText = el.shadowRoot?.querySelector('div.calendar-header > span')?.textContent;\n expect(monthText).to.include(currMonth);\n \n // Click next button and check next month\n const [prevButton, nextButton] = el.shadowRoot?.querySelectorAll<NileIcon>('nile-icon') \|\| [];\n nextButton?.click();\n await elementUpdated(el);\n monthText = el.shadowRoot?.querySelector('div.calendar-header > span')?.textContent;\n expect(monthText).to.include(nextMonth);\n \n // Click previous button twice and check previous month\n prevButton?.click();\n await elementUpdated(el);\n prevButton?.click();\n await elementUpdated(el);\n monthText = el.shadowRoot?.querySelector('div.calendar-header > span')?.textContent;\n expect(monthText).to.include(prevMonth);\n })\n\n it('should allow range selection and emit validated data on apply', async () => {\n const el = await fixture<NileCalendar>(html`<nile-calendar range></nile-calendar>`);\n await elementUpdated(el);\n\n // Get day elements from the calendar, selecting two dates for range selection\n const days = el.shadowRoot?.querySelectorAll('.days_container .day_date:not(.filler)') \|\| [];\n const firstDay = days[4] as HTMLElement; // Choose the 5th day of the month\n const lastDay = days[9] as HTMLElement; // Choose the 10th day of the month\n\n // Simulate click events for selecting the range (start and end date)\n firstDay.click();\n await elementUpdated(el); // Wait for updates after selection\n lastDay.click();\n await elementUpdated(el); // Wait for updates after range selection\n\n // Ensure both dates are correctly selected in the DOM\n expect(firstDay.classList.contains('range-start')).to.be.true;\n expect(lastDay.classList.contains('range-end')).to.be.true;\n\n // Find and click the \"Apply\" button to confirm the range\n const applyButton = el.shadowRoot?.querySelector<NileButton>('.apply-button');\n setTimeout(() => applyButton?.click());\n\n // Wait for the emitted 'nile-changed' event\n const { detail } = await oneEvent(el, 'nile-changed');\n\n // Extract the emitted start and end dates from the event detail\n const { startDate, endDate } = detail;\n \n // Validate the emitted data\n const expectedStartDate = new Date();\n expectedStartDate.setDate(5); // Adjust to the expected 5th day\n const expectedEndDate = new Date();\n expectedEndDate.setDate(10); // Adjust to the expected 10th day\n \n expect(startDate.getDate()).to.equal(expectedStartDate.getDate());\n expect(endDate.getDate()).to.equal(expectedEndDate.getDate());\n });\n\n it('should correctly apply allowed dates range on calendar', async () => {\n const currentMonth = new Date().getMonth();\n const currentYear = new Date().getFullYear();\n\n // Define a range of allowed dates (e.g., from the 5th to the 20th of the current month)\n const allowedDates = {\n startDate: `${currentYear}-${String(currentMonth + 1).padStart(2, '0')}-05`,\n endDate: `${currentYear}-${String(currentMonth + 1).padStart(2, '0')}-20`\n };\n\n // Pass the allowed dates to the component as a property\n const el = await fixture<NileCalendar>(html`\n <nile-calendar allowedDates='${JSON.stringify(allowedDates)}'></nile-calendar>\n `);\n\n await elementUpdated(el);\n\n // Get all day elements from the calendar\n const days = el.shadowRoot?.querySelectorAll('.days_container .day_date') \|\| [];\n\n // Verify that days outside the allowed range are marked as not allowed\n days.forEach((dayElement, index) => {\n const dayNumber = Number(dayElement.textContent?.trim());\n\n if (dayNumber < 5 \|\| dayNumber > 20) {\n expect(dayElement.classList.contains('not-allowed')).to.be.true;\n } else {\n expect(dayElement.classList.contains('not-allowed')).to.be.false;\n }\n });\n });\n \n it('should select various ranges in relative calendar and emit correct data', async () => {\n const el = await fixture<NileCalendar>(html`<nile-calendar range type=\"relative\"></nile-calendar>`);\n await elementUpdated(el);\n\n // Define test cases with unit and values for the relative range selection\n const testCases = [\n { unit: 'minutes', value: 15 },\n { unit: 'hours', value: 2 },\n { unit: 'days', value: 3 },\n { unit: 'weeks', value: 1 },\n { unit: 'months', value: 6 }\n ];\n\n let index=1;\n for (const testCase of testCases) {\n const { unit, value } = testCase;\n\n // Find the unit selector buttons and simulate click for the corresponding unit\n const unitSelector = Array.from(el.shadowRoot?.querySelectorAll<HTMLElement>(`div.unit-container .duration-units:nth-child(${index2})>div`)??[]).find(el=>Number(el.textContent?.trim())==value);\n unitSelector?.click();\n await elementUpdated(el);\n\n // Simulate clicking the apply button\n const applyButton = el.shadowRoot?.querySelector<HTMLButtonElement>('.apply-button');\n setTimeout(() =>{ \n applyButton?.click();\n });\n\n // Wait for the emitted `nile-changed` event and get the emitted start and end dates\n const { detail } = await oneEvent(el, 'nile-change');\n const { startDate, endDate } = detail;\n\n // Validate the emitted data for each unit\n const now = new Date();\n let expectedStartDate = new Date(now);\n \n switch (unit) {\n case 'minutes':\n expectedStartDate.setMinutes(now.getMinutes() - value);\n break;\n case 'hours':\n expectedStartDate.setHours(now.getHours() - value);\n break;\n case 'days':\n expectedStartDate.setDate(now.getDate() - value);\n break;\n case 'weeks':\n expectedStartDate.setDate(now.getDate() - value 7);\n break;\n case 'months':\n expectedStartDate.setMonth(now.getMonth() - value);\n break;\n }\n\n // Ensure the emitted startDate and endDate match the expected values\n expect(startDate.getTime()).to.be.closeTo(expectedStartDate.getTime(), 1000); // Allowing a small time tolerance\n expect(endDate.getTime()).to.be.closeTo(now.getTime(), 1000); // The endDate should be roughly now\n index++;\n }\n });\n\n it('should allow manual time input for from and to fields and emit correct data', async () => {\n const el = await fixture<NileCalendar>(html`\n <nile-calendar range showManualInputs></nile-calendar>\n `);\n await elementUpdated(el);\n\n const days = el.shadowRoot?.querySelectorAll('.days_container .day_date:not(.filler)') \|\| [];\n const firstDay = days[4] as HTMLElement; // Select 5th day of the month\n const lastDay = days[9] as HTMLElement; // Select 10th day of the month\n\n // Simulate clicks to select the range (start and end date)\n firstDay.click();\n await elementUpdated(el);\n lastDay.click();\n await elementUpdated(el);\n\n // Find the \"From\" and \"To\" input fields\n const fromInput = el.shadowRoot?.querySelector<HTMLInputElement>('nile-input[label=\"From\"]');\n const toInput = el.shadowRoot?.querySelector<HTMLInputElement>('nile-input[label=\"To\"]');\n\n // Manually set the \"From\" and \"To\" time values\n if (fromInput && toInput) {\n // Simulate input events for both \"From\" and \"To\" time inputs\n fromInput.dispatchEvent(new CustomEvent('nile-change',{detail:{value:'08:30:00'}}));\n toInput.dispatchEvent(new CustomEvent('nile-change',{detail:{value:'17:00:00'}}));\n }\n\n await elementUpdated(el); // Wait for the DOM to update after the inputs\n\n // Simulate clicking the \"Apply\" button\n const applyButton = el.shadowRoot?.querySelector<HTMLButtonElement>('.apply-button');\n setTimeout(()=>applyButton?.click())\n\n // Wait for the emitted `nile-change` event\n const { detail } = await oneEvent(el, 'nile-change');\n const { startDate, endDate } = detail;\n\n // Expected start and end date should include the manually entered times\n const expectedStartDate = new Date();\n expectedStartDate.setHours(8, 30, 0); // 08:30:00 for \"From\" time\n const expectedEndDate = new Date();\n expectedEndDate.setHours(17, 0, 0); // 17:00:00 for \"To\" time\n\n // Validate the emitted startDate and endDate\n expect(startDate.getHours()).to.equal(expectedStartDate.getHours());\n expect(startDate.getMinutes()).to.equal(expectedStartDate.getMinutes());\n expect(startDate.getSeconds()).to.equal(expectedStartDate.getSeconds());\n\n expect(endDate.getHours()).to.equal(expectedEndDate.getHours());\n expect(endDate.getMinutes()).to.equal(expectedEndDate.getMinutes());\n expect(endDate.getSeconds()).to.equal(expectedEndDate.getSeconds());\n });\n\n it('should allow setting duration and unit of time in relative mode and emit correct data', async () => {\n const el = await fixture<NileCalendar>(html`\n <nile-calendar type=\"relative\" range></nile-calendar>\n `);\n await elementUpdated(el);\n\n // Step 1: Manually set the \"Duration\" input value\n const durationInput = el.shadowRoot?.querySelector<NileInput>('nile-input.duration-input');\n \n if (durationInput) {\n durationInput.dispatchEvent(new CustomEvent('nile-change',{detail:{value:'5'}}));// Set duration to 5 (e.g., 5 hours)\n }\n\n await elementUpdated(el); // Wait for the DOM to update after the input\n\n // Step 2: Select the \"Unit of Time\" from the select input (e.g., hours)\n const unitSelect = el.shadowRoot?.querySelector<NileSelect>('nile-select');\n if (unitSelect) {\n unitSelect.dispatchEvent(new CustomEvent('nile-change',{detail:{value:'hours'}}));// Trigger change event\n }\n\n await elementUpdated(el); // Wait for the DOM to update after the selection\n\n // Step 3: Simulate clicking the \"Apply\" button\n const applyButton = el.shadowRoot?.querySelector<NileButton>('.apply-button');\n setTimeout(()=>applyButton?.click())\n\n // Step 4: Wait for the emitted `nile-change` event\n const { detail } = await oneEvent(el, 'nile-change');\n const { startDate, endDate } = detail;\n\n // Step 5: Validate the emitted data\n const now = new Date();\n const expectedStartDate = new Date(now);\n expectedStartDate.setHours(now.getHours() - 5); // Subtract 5 hours from the current time\n\n // Check if the emitted startDate matches the expected start date (5 hours ago)\n expect(startDate.getTime()).to.be.closeTo(expectedStartDate.getTime(), 1000); // Allowing small time tolerance (1000 ms)\n \n // Check if the emitted endDate is approximately now\n expect(endDate.getTime()).to.be.closeTo(now.getTime(), 1000); // The end date should be roughly now\n });\n\n it('should allow deselection of date on clicking again on selected date', async () => {\n const el = await fixture<NileCalendar>(html`\n <nile-calendar showManualInput doubleClickUnselect></nile-calendar>\n `);\n await elementUpdated(el);\n \n // Get the current date element in the calendar\n const currentDateElement = el.shadowRoot?.querySelector('div.days_container div.current__date__dot')?.parentElement?.parentElement;\n \n // Simulate a click on the current date after a brief timeout\n setTimeout(() => currentDateElement?.click());\n \n // Wait for the 'nile-change' event to be emitted\n const { detail: { value } } = await oneEvent(el, 'nile-change');\n \n // Update the element after the event\n await elementUpdated(el);\n \n // Assertions\n expect(value).to.exist;\n expect(currentDateElement?.className).to.include('selected-date');\n\n // Simulate a click on the current date after a brief timeout\n currentDateElement?.click()\n await elementUpdated(el);\n \n expect(currentDateElement?.className).to.not.include('selected-date');\n })\n\n it('should allow deselection of range on clicking on clear button', async () => {\n const el = await fixture<NileCalendar>(html`\n <nile-calendar range allowClear></nile-calendar>\n `);\n await elementUpdated(el);\n \n // Get day elements from the calendar, selecting two dates for range selection\n const days = el.shadowRoot?.querySelectorAll('.days_container .day_date:not(.filler)') \|\| [];\n const firstDay = days[4] as HTMLElement; // Choose the 5th day of the month\n const lastDay = days[9] as HTMLElement; // Choose the 10th day of the month\n\n // Simulate click events for selecting the range (start and end date)\n firstDay.click();\n await elementUpdated(el); // Wait for updates after selection\n lastDay.click();\n await elementUpdated(el); // Wait for updates after range selection\n\n // Ensure both dates are correctly selected in the DOM\n expect(firstDay.classList.contains('range-start')).to.be.true;\n expect(lastDay.classList.contains('range-end')).to.be.true;\n\n // Find and click the \"Apply\" button to confirm the range\n const clearButton = el.shadowRoot?.querySelector<NileButton>('.clear-button');\n clearButton?.click()\n await elementUpdated(el); // Wait for updates after range selection\n \n expect(firstDay.classList.contains('range-start')).to.be.false;\n expect(lastDay.classList.contains('range-end')).to.be.false;\n })\n});\n\n"]}

package/dist/src/nile-card/nile-card.css.js CHANGED Viewed

@@ -68,7 +68,7 @@ export const styles = css `
     align-content: center;
     align-items: center;
     padding: 8px 16px;
-    background-color: #f9fafb;
+    background-color: var(--nile-colors-neutral-100);
     height: 40px;
   }

package/dist/src/nile-card/nile-card.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-card.css.js","sourceRoot":"","sources":["../../../src/nile-card/nile-card.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyExB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit';\n\n/\n Card CSS\n /\nexport const styles = css`\n :host {\n box-sizing: border-box;\n }\n\n :host ,\n :host ::before,\n :host ::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n :host {\n --border-color: var(--nile-card-color-border);\n --border-radius: 8px;\n --border-width: 0.5px;\n --padding: 18px;\n display: inline-block;\n }\n\n .card {\n display: flex;\n flex-direction: column;\n justify-items: strecth;\n background-color: var(--nile-colors-white-base);\n outline: solid var(--border-width) var(--border-color);\n border-radius: var(--border-radius);\n min-width: 273px;\n max-width: 350px;\n overflow: hidden;\n }\n\n .body__wrapper {\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding: 12px 16px 0 16px;\n }\n\n .body__wrapper_nf {\n padding: 12px 16px 16px 16px;\n }\n .card__header {\n display: block;\n }\n\n .card__body {\n display: block;\n }\n\n .card__footer {\n margin-top: 12px;\n display: block;\n box-sizing: border-box;\n align-content: center;\n align-items: center;\n padding: 8px 16px;\n background-color: ~~#f9fafb~~;\n height: 40px;\n }\n\n .card:not(.card--has-footer) .card__footer {\n display: none;\n }\n\n .card:hover {\n box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1),\n 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\n outline: solid 1px var(--border-color);\n }\n`;\n\nexport default [styles];\n"]}
1	+ {"version":3,"file":"nile-card.css.js","sourceRoot":"","sources":["../../../src/nile-card/nile-card.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyExB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit';\n\n/\n Card CSS\n /\nexport const styles = css`\n :host {\n box-sizing: border-box;\n }\n\n :host ,\n :host ::before,\n :host ::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n :host {\n --border-color: var(--nile-card-color-border);\n --border-radius: 8px;\n --border-width: 0.5px;\n --padding: 18px;\n display: inline-block;\n }\n\n .card {\n display: flex;\n flex-direction: column;\n justify-items: strecth;\n background-color: var(--nile-colors-white-base);\n outline: solid var(--border-width) var(--border-color);\n border-radius: var(--border-radius);\n min-width: 273px;\n max-width: 350px;\n overflow: hidden;\n }\n\n .body__wrapper {\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding: 12px 16px 0 16px;\n }\n\n .body__wrapper_nf {\n padding: 12px 16px 16px 16px;\n }\n .card__header {\n display: block;\n }\n\n .card__body {\n display: block;\n }\n\n .card__footer {\n margin-top: 12px;\n display: block;\n box-sizing: border-box;\n align-content: center;\n align-items: center;\n padding: 8px 16px;\n background-color: var(--nile-colors-neutral-100);\n height: 40px;\n }\n\n .card:not(.card--has-footer) .card__footer {\n display: none;\n }\n\n .card:hover {\n box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1),\n 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\n outline: solid 1px var(--border-color);\n }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-chip/nile-chip.css.js CHANGED Viewed

@@ -86,9 +86,9 @@ export const styles = css `
   .nile-chip {
     padding: 5px 10px;
-    background-color: #fff;
+    background-color: var(--nile-colors-white-base);
     border-radius: 0.25rem;
-    border: solid 1px #c7ced4;
+    border: solid 1px var(--nile-colors-neutral-500);
     display: flex;
     flex-wrap: wrap;
     width: 100%;
@@ -119,13 +119,13 @@ export const styles = css `
   }
   .nile-chip:hover:not(.nile-chip--disabled) {
-    background-color: #fff;
+    background-color: var(--nile-colors-white-base);
     box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);
   }
   .nile-chip.nile-chip--focused:not(.nile-chip--disabled) {
-    background-color: #fff;
-    border-color: #005ea6;
+    background-color: var(--nile-colors-white-base);
+    border-color: var(--nile-colors-primary-600);
     box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);
   }
@@ -137,15 +137,15 @@ export const styles = css `
   }
   .nile-chip.nile-chip--warning {
-    border-color: #e5bf43;
+    border-color: var(--nile-colors-yellow-500);
   }
   .nile-chip.nile-chip--error {
-    border-color: #e5434d;
+    border-color: var(--nile-colors-red-500);
   }
   .nile-chip.nile-chip--success {
-    border-color: #43e5c0;
+    border-color: var(--nile-colors-green-500);
   }
   .nile-chip__auto-complete {

package/dist/src/nile-chip/nile-chip.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-chip.css.js","sourceRoot":"","sources":["../../../src/nile-chip/nile-chip.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkJxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit';\n\n/\n Chip CSS\n /\nexport const styles = css`\n :host {\n box-sizing: border-box;\n }\n\n :host ,\n :host ::before,\n :host ::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n .form-control .form-control__label {\n display: none;\n }\n\n .form-control .form-control__help-text {\n display: none;\n }\n\n /* Label /\n .form-control--has-label .form-control__label {\n display: inline-block;\n color: inherit;\n margin-bottom: 12px;\n color: var(--nile-colors-dark-900);\n font-family: var(--nile-font-family-serif);\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: 0.2px;\n }\n\n .form-control--has-label.form-control--medium .form-control__label {\n font-size: 14px;\n }\n\n :host([required]) .form-control--has-label .form-control__label::after {\n content: '';\n margin-inline-start: -2px;\n color: undefined;\n }\n\n /* Help text */\n .form-control--has-help-text .form-control__help-text {\n display: block;\n color: hsl(240 3.8% 46.1%);\n margin-top: 0.125rem;\n }\n\n .form-control--has-help-text.form-control--small .form-control__help-text {\n font-size: 0.75rem;\n }\n\n .form-control--has-help-text.form-control--medium .form-control__help-text {\n font-size: 0.875rem;\n }\n\n .form-control--has-help-text.form-control--large .form-control__help-text {\n font-size: 1rem;\n }\n\n .form-control--has-help-text.form-control--radio-group\n .form-control__help-text {\n margin-top: 0.25rem;\n }\n\n :host {\n display: block;\n font-family: inherit;\n }\n\n .nile-chip {\n padding: 5px 10px;\n background-color: ~~#fff~~;\n border-radius: 0.25rem;\n border: solid 1px ~~#c7ced4~~;\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n overflow-x: hidden;\n }\n\n .nile-chip--no-wrap {\n flex-wrap: nowrap;\n overflow-x: scroll;\n }\n\n .nile-chip::-webkit-scrollbar {\n height: 2px;\n }\n\n .nile-chip::-webkit-scrollbar-thumb {\n background: var(\n --nile-colors-primary-600\n );\n }\n\n .nile-chip--disabled {\n background-color: hsl(240 4.8% 95.9%);\n border-color: hsl(240 4.9% 83.9%);\n opacity: 0.5;\n cursor: not-allowed;\n pointer-events: none;\n }\n\n .nile-chip:hover:not(.nile-chip--disabled) {\n background-color: ~~#fff~~;\n box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n }\n\n .nile-chip.nile-chip--focused:not(.nile-chip--disabled) {\n background-color: ~~#fff~~;\n border-color: ~~#005ea6~~;\n box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n }\n\n .nile-chip.nile-chip--disabled {\n background-color: hsl(240 4.8% 95.9%);\n border-color: hsl(240 4.9% 83.9%);\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .nile-chip.nile-chip--warning {\n border-color: ~~#e5bf43~~;\n }\n\n .nile-chip.nile-chip--error {\n border-color: ~~#e5434d~~;\n }\n\n .nile-chip.nile-chip--success {\n border-color: ~~#43e5c0~~;\n }\n\n .nile-chip__auto-complete {\n flex: 1;\n }\n .nile-chip__tags {\n margin: 0.05rem;\n }\n`;\n\nexport default [styles];\n"]}
1	+ {"version":3,"file":"nile-chip.css.js","sourceRoot":"","sources":["../../../src/nile-chip/nile-chip.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkJxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit';\n\n/\n Chip CSS\n /\nexport const styles = css`\n :host {\n box-sizing: border-box;\n }\n\n :host ,\n :host ::before,\n :host ::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n .form-control .form-control__label {\n display: none;\n }\n\n .form-control .form-control__help-text {\n display: none;\n }\n\n /* Label /\n .form-control--has-label .form-control__label {\n display: inline-block;\n color: inherit;\n margin-bottom: 12px;\n color: var(--nile-colors-dark-900);\n font-family: var(--nile-font-family-serif);\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: 0.2px;\n }\n\n .form-control--has-label.form-control--medium .form-control__label {\n font-size: 14px;\n }\n\n :host([required]) .form-control--has-label .form-control__label::after {\n content: '';\n margin-inline-start: -2px;\n color: undefined;\n }\n\n /* Help text */\n .form-control--has-help-text .form-control__help-text {\n display: block;\n color: hsl(240 3.8% 46.1%);\n margin-top: 0.125rem;\n }\n\n .form-control--has-help-text.form-control--small .form-control__help-text {\n font-size: 0.75rem;\n }\n\n .form-control--has-help-text.form-control--medium .form-control__help-text {\n font-size: 0.875rem;\n }\n\n .form-control--has-help-text.form-control--large .form-control__help-text {\n font-size: 1rem;\n }\n\n .form-control--has-help-text.form-control--radio-group\n .form-control__help-text {\n margin-top: 0.25rem;\n }\n\n :host {\n display: block;\n font-family: inherit;\n }\n\n .nile-chip {\n padding: 5px 10px;\n background-color: var(--nile-colors-white-base);\n border-radius: 0.25rem;\n border: solid 1px var(--nile-colors-neutral-500);\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n overflow-x: hidden;\n }\n\n .nile-chip--no-wrap {\n flex-wrap: nowrap;\n overflow-x: scroll;\n }\n\n .nile-chip::-webkit-scrollbar {\n height: 2px;\n }\n\n .nile-chip::-webkit-scrollbar-thumb {\n background: var(\n --nile-colors-primary-600\n );\n }\n\n .nile-chip--disabled {\n background-color: hsl(240 4.8% 95.9%);\n border-color: hsl(240 4.9% 83.9%);\n opacity: 0.5;\n cursor: not-allowed;\n pointer-events: none;\n }\n\n .nile-chip:hover:not(.nile-chip--disabled) {\n background-color: var(--nile-colors-white-base);\n box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n }\n\n .nile-chip.nile-chip--focused:not(.nile-chip--disabled) {\n background-color: var(--nile-colors-white-base);\n border-color: var(--nile-colors-primary-600);\n box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n }\n\n .nile-chip.nile-chip--disabled {\n background-color: hsl(240 4.8% 95.9%);\n border-color: hsl(240 4.9% 83.9%);\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .nile-chip.nile-chip--warning {\n border-color: var(--nile-colors-yellow-500);\n }\n\n .nile-chip.nile-chip--error {\n border-color: var(--nile-colors-red-500);\n }\n\n .nile-chip.nile-chip--success {\n border-color: var(--nile-colors-green-500);\n }\n\n .nile-chip__auto-complete {\n flex: 1;\n }\n .nile-chip__tags {\n margin: 0.05rem;\n }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-circular-progressbar/nile-circular-progressbar.css.js CHANGED Viewed

@@ -21,7 +21,7 @@ export const styles = css `
   .progress {
     stroke-width: 2px;
-    stroke: #e5bf43;
+    stroke: var(--nile-colors-yellow-500);
     stroke-linecap: round;
     fill: none;
     transform: rotate(270deg);

package/dist/src/nile-circular-progressbar/nile-circular-progressbar.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-circular-progressbar.css.js","sourceRoot":"","sources":["../../../src/nile-circular-progressbar/nile-circular-progressbar.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit';\n\n/\n Progressbar CSS\n */\nexport const styles = css`\n :host{\n \n }\n .track {\n stroke-width: 2px;\n stroke: var(--nile-colors-yellow-400);\n opacity: 0.5;\n fill: none;\n }\n\n .progress {\n stroke-width: 2px;\n stroke: ~~#e5bf43~~;\n stroke-linecap: round;\n fill: none;\n transform: rotate(270deg);\n transform-origin: center;\n }\n\n .circle__text {\n color: var(--nile-colors-dark-900);\n text-align: center;\n font-size: var(--nile-type-scale-1);\n font-style: normal;\n font-weight: var(--nile-font-weight-regular);\n line-height: var(--nile-type-scale-1);\n letter-spacing: 0.2px;\n text-transform: uppercase;\n }\n`;\n\nexport default [styles];\n"]}
1	+ {"version":3,"file":"nile-circular-progressbar.css.js","sourceRoot":"","sources":["../../../src/nile-circular-progressbar/nile-circular-progressbar.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit';\n\n/\n Progressbar CSS\n */\nexport const styles = css`\n :host{\n \n }\n .track {\n stroke-width: 2px;\n stroke: var(--nile-colors-yellow-400);\n opacity: 0.5;\n fill: none;\n }\n\n .progress {\n stroke-width: 2px;\n stroke: var(--nile-colors-yellow-500);\n stroke-linecap: round;\n fill: none;\n transform: rotate(270deg);\n transform-origin: center;\n }\n\n .circle__text {\n color: var(--nile-colors-dark-900);\n text-align: center;\n font-size: var(--nile-type-scale-1);\n font-style: normal;\n font-weight: var(--nile-font-weight-regular);\n line-height: var(--nile-type-scale-1);\n letter-spacing: 0.2px;\n text-transform: uppercase;\n }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-code-editor/nile-code-editor.css.js CHANGED Viewed

@@ -49,7 +49,7 @@ export const styles = css `
   .expand__icon__container{
     display: none;
     position: absolute;
-    border-radius: 5px;
+    border-radius: var(--nile-radius-base-standard);
     cursor: pointer;
     right: 0px;
     top: 5px;

package/dist/src/nile-code-editor/nile-code-editor.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-code-editor.css.js","sourceRoot":"","sources":["../../../src/nile-code-editor/nile-code-editor.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit';\n\n/\n CodeEditor CSS\n /\nexport const styles = css`\n {\n box-sizing:border-box;\n }\n\n :host {\n display: block;\n }\n\n .code__editor__container {\n display: flex;\n padding: 5px;\n border-radius: 5px;\n border: 1px solid rgb(204, 204, 204);\n position: relative;\n }\n\n .no-scroller .cm-scroller{\n scrollbar-width: none;\n }\n\n .error {\n border-color: var(--nile-colors-red-500);\n }\n\n .noborder {\n border: none;\n }\n\n .cm-editor {\n flex: 1;\n min-width: 0;\n }\n\n .ͼ1.cm-focused {\n outline: none;\n }\n\n .expand__icon__container{\n display: none;\n position: absolute;\n border-radius: ~~5px~~;\n cursor: pointer;\n right: 0px;\n top: 5px;\n z-index: 1;\n padding: 5px;\n background-color: var(--nile-colors-white-base);\n }\n \n .code__editor__container:hover > .expand__icon__container{\n display: flex;\n }\n`;\n\nexport default [styles];\n"]}
1	+ {"version":3,"file":"nile-code-editor.css.js","sourceRoot":"","sources":["../../../src/nile-code-editor/nile-code-editor.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit';\n\n/\n CodeEditor CSS\n /\nexport const styles = css`\n {\n box-sizing:border-box;\n }\n\n :host {\n display: block;\n }\n\n .code__editor__container {\n display: flex;\n padding: 5px;\n border-radius: 5px;\n border: 1px solid rgb(204, 204, 204);\n position: relative;\n }\n\n .no-scroller .cm-scroller{\n scrollbar-width: none;\n }\n\n .error {\n border-color: var(--nile-colors-red-500);\n }\n\n .noborder {\n border: none;\n }\n\n .cm-editor {\n flex: 1;\n min-width: 0;\n }\n\n .ͼ1.cm-focused {\n outline: none;\n }\n\n .expand__icon__container{\n display: none;\n position: absolute;\n border-radius: var(--nile-radius-base-standard);\n cursor: pointer;\n right: 0px;\n top: 5px;\n z-index: 1;\n padding: 5px;\n background-color: var(--nile-colors-white-base);\n }\n \n .code__editor__container:hover > .expand__icon__container{\n display: flex;\n }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-content-editor/nile-content-editor.css.js CHANGED Viewed

@@ -29,7 +29,7 @@ export const styles = css `
     box-sizing: border-box;
     width: 100%;
     padding: 9px;
-    border: 1px solid #c7ced4;
+    border: 1px solid var(--nile-colors-neutral-500);
     border-radius: 4px;
     overflow: auto;
     overflow-x: auto;
@@ -38,7 +38,7 @@ export const styles = css `
     -ms-overflow-style: none;
     cursor: text;
     white-space: nowrap;
-    background-color: #ffffff;
+    background-color: var(--nile-colors-white-base);
     height: 38px;
   }
   .content-editable-input:focus {
@@ -46,7 +46,7 @@ export const styles = css `
   }
   .error {
-    border-color: #e5434d;
+    border-color: var(--nile-colors-red-500);
   }
   .read-only {
@@ -57,8 +57,8 @@ export const styles = css `
   .chips {
     display: inline;
-    background: #e5e9eb;
-    color: #000;
+    background: var(--nile-colors-neutral-400);
+    color: var(--nile-colors-dark-900);
     border-radius: 4px;
     padding: 6px;
     height: 24px;
@@ -78,12 +78,12 @@ export const styles = css `
   }
   .chip-error {
-    background: #f3a5aa;
+    background: var(--nile-colors-red-400);
   }
   .nile-options-container {
     box-sizing: border-box;
-    background-color: #ffffff;
-    border: 1px solid #c7ced4;
+    background-color: var(--nile-colors-white-base);
+    border: 1px solid var(--nile-colors-neutral-500);
     overflow: auto;
     max-height: 150px;
   }
@@ -95,7 +95,7 @@ export const styles = css `
   }
   .asterik {
-    color: #e5434d;
+    color: var(--nile-colors-red-500);
   }
   .no-border {

package/dist/src/nile-content-editor/nile-content-editor.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-content-editor.css.js","sourceRoot":"","sources":["../../../src/nile-content-editor/nile-content-editor.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6FxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit';\n\n/\n AttributeExpression CSS\n */\nexport const styles = css`\n :host {\n box-sizing: border-box;\n font-size: 14px;\n overflow: hidden;\n }\n\n .content-editable-wrapper {\n position: relative;\n width: 100%;\n box-sizing: border-box;\n }\n\n .dropdown-position {\n position: relative;\n bottom: 1px;\n }\n .content-editable-input {\n box-sizing: border-box;\n width: 100%;\n padding: 9px;\n border: 1px solid ~~#c7ced4~~;\n border-radius: 4px;\n overflow: auto;\n overflow-x: auto;\n overflow-anchor: none;\n scrollbar-width: none;\n -ms-overflow-style: none;\n cursor: text;\n white-space: nowrap;\n background-color: ~~#ffffff~~;\n height: 38px;\n }\n .content-editable-input:focus {\n outline: none;\n }\n\n .error {\n border-color: ~~#e5434d~~;\n }\n\n .read-only {\n background-color: hsl(240 4.8% 95.9%);\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .chips {\n display: inline;\n background: ~~#e5e9eb~~;\n color: ~~#000~~;\n border-radius: 4px;\n padding: 6px;\n height: 24px;\n line-height: 10px;\n margin-left: 3px;\n letter-spacing: 0.2px;\n }\n\n .text-area {\n height: 120px;\n overflow: scroll;\n line-height: 26px;\n }\n\n .text-area .chips {\n padding: 4px 8px;\n }\n\n .chip-error {\n background: ~~#f3a5aa~~;\n }\n .nile-options-container {\n box-sizing: border-box;\n background-color: ~~#ffffff~~;\n border: 1px solid ~~#c7ced4~~;\n overflow: auto;\n max-height: 150px;\n }\n\n label {\n display: inline-block;\n margin-bottom: 6px;\n font-family: 'colfax-medium';\n }\n\n .asterik {\n color: ~~#e5434d~~;\n }\n\n .no-border {\n border: none;\n }\n`;\n\nexport default [styles];\n"]}
1	+ {"version":3,"file":"nile-content-editor.css.js","sourceRoot":"","sources":["../../../src/nile-content-editor/nile-content-editor.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6FxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit';\n\n/\n AttributeExpression CSS\n */\nexport const styles = css`\n :host {\n box-sizing: border-box;\n font-size: 14px;\n overflow: hidden;\n }\n\n .content-editable-wrapper {\n position: relative;\n width: 100%;\n box-sizing: border-box;\n }\n\n .dropdown-position {\n position: relative;\n bottom: 1px;\n }\n .content-editable-input {\n box-sizing: border-box;\n width: 100%;\n padding: 9px;\n border: 1px solid var(--nile-colors-neutral-500);\n border-radius: 4px;\n overflow: auto;\n overflow-x: auto;\n overflow-anchor: none;\n scrollbar-width: none;\n -ms-overflow-style: none;\n cursor: text;\n white-space: nowrap;\n background-color: var(--nile-colors-white-base);\n height: 38px;\n }\n .content-editable-input:focus {\n outline: none;\n }\n\n .error {\n border-color: var(--nile-colors-red-500);\n }\n\n .read-only {\n background-color: hsl(240 4.8% 95.9%);\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .chips {\n display: inline;\n background: var(--nile-colors-neutral-400);\n color: var(--nile-colors-dark-900);\n border-radius: 4px;\n padding: 6px;\n height: 24px;\n line-height: 10px;\n margin-left: 3px;\n letter-spacing: 0.2px;\n }\n\n .text-area {\n height: 120px;\n overflow: scroll;\n line-height: 26px;\n }\n\n .text-area .chips {\n padding: 4px 8px;\n }\n\n .chip-error {\n background: var(--nile-colors-red-400);\n }\n .nile-options-container {\n box-sizing: border-box;\n background-color: var(--nile-colors-white-base);\n border: 1px solid var(--nile-colors-neutral-500);\n overflow: auto;\n max-height: 150px;\n }\n\n label {\n display: inline-block;\n margin-bottom: 6px;\n font-family: 'colfax-medium';\n }\n\n .asterik {\n color: var(--nile-colors-red-500);\n }\n\n .no-border {\n border: none;\n }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-dialog/nile-dialog.css.js CHANGED Viewed

@@ -14,7 +14,7 @@ export const styles = css `
     --header-spacing: 1.25rem;
     --body-spacing: 1.25rem;
     --footer-spacing: 1.25rem;
-    --nile-dialog-remove-icon-color: #000;
+    --nile-dialog-remove-icon-color: var(--nile-colors-dark-900);
     display: contents;
   }
@@ -71,9 +71,9 @@ export const styles = css `
     flex: 0 0 auto;
     display: flex;
     padding: 12px 20px;
-    background-color: #fafafa;
+    background-color: var(--nile-colors-neutral-100);
     border-radius: 4px 4px 0 0;
-    border: 1px solid #e5e9eb;
+    border: 1px solid var(--nile-colors-neutral-400);
   }
   .dialog__header__text {
@@ -83,7 +83,7 @@ export const styles = css `
     gap: 5px;
     justify-content: center;
     margin: 0;
-    color: #000;
+    color: var(--nile-colors-dark-900);
   }
   slot[name="label"] {
@@ -129,7 +129,7 @@ export const styles = css `
     padding: 1.25rem;
     overflow: auto;
     -webkit-overflow-scrolling: touch;
-    border: 1px solid #e5e9eb;
+    border: 1px solid var(--nile-colors-neutral-400);
   }
   .dialog__body-noheader {
@@ -140,9 +140,9 @@ export const styles = css `
     flex: 0 0 auto;
     text-align: right;
     padding: 12px 24px;
-    background-color: #fafafa;
+    background-color: var(--nile-colors-neutral-100);
     border-radius: 0 0 4px 4px;
-    border: 1px solid #e5e9eb;
+    border: 1px solid var(--nile-colors-neutral-400);
   }
   .dialog__footer ::slotted(nile-button:not(:first-of-type)) {

package/dist/src/nile-dialog/nile-dialog.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-dialog.css.js","sourceRoot":"","sources":["../../../src/nile-dialog/nile-dialog.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkKxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit';\n\n/\n Modal CSS\n /\nexport const styles = css`\n :host {\n --width: 31rem;\n --header-spacing: 1.25rem;\n --body-spacing: 1.25rem;\n --footer-spacing: 1.25rem;\n --nile-dialog-remove-icon-color: ~~#000~~;\n display: contents;\n }\n\n :host ,\n :host ::before,\n :host ::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n .dialog {\n display: flex;\n align-items: center;\n justify-content: center;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 800;\n }\n\n .dialog__panel {\n display: flex;\n flex-direction: column;\n z-index: 2;\n width: var(--width);\n max-width: calc(100% - 2.25rem);\n max-height: calc(100% - 2.25rem);\n background-color: hsl(0, 0%, 100%);\n border-radius: 4px;\n box-shadow: 0 4px 16px rgb(0 0 0 / 24%);\n }\n\n .dialog__panel:focus {\n outline: none;\n }\n\n @media screen and (max-width: 420px) {\n .dialog__panel {\n max-height: 80vh;\n }\n }\n\n .dialog--open .dialog__panel {\n display: flex;\n opacity: 1;\n }\n\n .dialog__header {\n flex: 0 0 auto;\n display: flex;\n padding: 12px 20px;\n background-color: ~~#fafafa~~;\n border-radius: 4px 4px 0 0;\n border: 1px solid ~~#e5e9eb~~;\n }\n\n .dialog__header__text {\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n gap: 5px;\n justify-content: center;\n margin: 0;\n color: ~~#000~~;\n }\n\n slot[name=\"label\"] {\n font-family: Colfax-regular;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px;\n letter-spacing: 0.2px;\n display:block;\n }\n\n slot[name=\"sublabel\"] {\n color:var(--nile-colors-dark-500);\n font-family: Colfax-regular;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: 0.2px;\n display:block;\n }\n\n .dialog__header-actions {\n flex-shrink: 0;\n display: flex;\n flex-wrap: wrap;\n justify-content: end;\n gap: 24px;\n }\n\n .dialog__header-actions nile-icon-button,\n .dialog__header-actions ::slotted(nile-icon-button) {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n font-size: 1rem;\n }\n\n .dialog__body {\n flex: 1 1 auto;\n display: block;\n padding: 1.25rem;\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n border: 1px solid ~~#e5e9eb~~;\n }\n\n .dialog__body-noheader {\n border-radius: 4px 4px 0px 0px;\n }\n\n .dialog__footer {\n flex: 0 0 auto;\n text-align: right;\n padding: 12px 24px;\n background-color: ~~#fafafa~~;\n border-radius: 0 0 4px 4px;\n border: 1px solid ~~#e5e9eb~~;\n }\n\n .dialog__footer ::slotted(nile-button:not(:first-of-type)) {\n margin-inline-start: 0.5rem;\n }\n\n .dialog:not(.dialog--has-footer) .dialog__footer {\n display: none;\n }\n\n .dialog__overlay {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: hsl(0 0% 0% / 43%);\n }\n .dialog__close {\n cursor: pointer;\n }\n\n @media (forced-colors: active) {\n .dialog__panel {\n border: solid 1px hsl(240, 5.9%, 11%);\n }\n }\n`;\n\nexport default [styles];\n"]}
1	+ {"version":3,"file":"nile-dialog.css.js","sourceRoot":"","sources":["../../../src/nile-dialog/nile-dialog.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkKxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit';\n\n/\n Modal CSS\n /\nexport const styles = css`\n :host {\n --width: 31rem;\n --header-spacing: 1.25rem;\n --body-spacing: 1.25rem;\n --footer-spacing: 1.25rem;\n --nile-dialog-remove-icon-color: var(--nile-colors-dark-900);\n display: contents;\n }\n\n :host ,\n :host ::before,\n :host ::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n .dialog {\n display: flex;\n align-items: center;\n justify-content: center;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 800;\n }\n\n .dialog__panel {\n display: flex;\n flex-direction: column;\n z-index: 2;\n width: var(--width);\n max-width: calc(100% - 2.25rem);\n max-height: calc(100% - 2.25rem);\n background-color: hsl(0, 0%, 100%);\n border-radius: 4px;\n box-shadow: 0 4px 16px rgb(0 0 0 / 24%);\n }\n\n .dialog__panel:focus {\n outline: none;\n }\n\n @media screen and (max-width: 420px) {\n .dialog__panel {\n max-height: 80vh;\n }\n }\n\n .dialog--open .dialog__panel {\n display: flex;\n opacity: 1;\n }\n\n .dialog__header {\n flex: 0 0 auto;\n display: flex;\n padding: 12px 20px;\n background-color: var(--nile-colors-neutral-100);\n border-radius: 4px 4px 0 0;\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .dialog__header__text {\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n gap: 5px;\n justify-content: center;\n margin: 0;\n color: var(--nile-colors-dark-900);\n }\n\n slot[name=\"label\"] {\n font-family: Colfax-regular;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px;\n letter-spacing: 0.2px;\n display:block;\n }\n\n slot[name=\"sublabel\"] {\n color:var(--nile-colors-dark-500);\n font-family: Colfax-regular;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: 0.2px;\n display:block;\n }\n\n .dialog__header-actions {\n flex-shrink: 0;\n display: flex;\n flex-wrap: wrap;\n justify-content: end;\n gap: 24px;\n }\n\n .dialog__header-actions nile-icon-button,\n .dialog__header-actions ::slotted(nile-icon-button) {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n font-size: 1rem;\n }\n\n .dialog__body {\n flex: 1 1 auto;\n display: block;\n padding: 1.25rem;\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .dialog__body-noheader {\n border-radius: 4px 4px 0px 0px;\n }\n\n .dialog__footer {\n flex: 0 0 auto;\n text-align: right;\n padding: 12px 24px;\n background-color: var(--nile-colors-neutral-100);\n border-radius: 0 0 4px 4px;\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .dialog__footer ::slotted(nile-button:not(:first-of-type)) {\n margin-inline-start: 0.5rem;\n }\n\n .dialog:not(.dialog--has-footer) .dialog__footer {\n display: none;\n }\n\n .dialog__overlay {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: hsl(0 0% 0% / 43%);\n }\n .dialog__close {\n cursor: pointer;\n }\n\n @media (forced-colors: active) {\n .dialog__panel {\n border: solid 1px hsl(240, 5.9%, 11%);\n }\n }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-divider/nile-divider.css.js CHANGED Viewed

@@ -15,7 +15,7 @@ export const styles = css `
 	}
 	.divider {
-		background-color: var(--nile-colors-gray-light-mode-200, #eaecf0);;
+		background-color: var(--nile-colors-gray-light-mode-200);;
 	}
 	.horizontal {

package/dist/src/nile-divider/nile-divider.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-divider.css.js","sourceRoot":"","sources":["../../../src/nile-divider/nile-divider.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n\n This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n/\n\nimport {css} from 'lit';\n\n/\n Divider CSS\n /\nexport const styles = css`\n\t:host {\n\t\tdisplay: block;\n\t\theight: 100%;\n\t}\n\n\t.divider {\n\t\tbackground-color: var(--nile-colors-gray-light-mode-200~~, #eaecf0~~);;\n\t}\n\t\n\t.horizontal {\n\t\theight: 2px;\n\t\t/ width: 100%; */\n\t\tmargin: 8px 0;\n\t}\n\n\t.vertical {\n\t\theight: 100%;\n\t\twidth: 2px;\n\t\tmargin: 0 8px;\n\t\tdisplay: inline-block;\n\t\tvertical-align: middle;\n\t}\n\n\t.inset.horizontal {\n\t\tmargin-left: 72px;\n\t}\n`;\n\nexport default [styles];"]}
1	+ {"version":3,"file":"nile-divider.css.js","sourceRoot":"","sources":["../../../src/nile-divider/nile-divider.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n\n This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n/\n\nimport {css} from 'lit';\n\n/\n Divider CSS\n /\nexport const styles = css`\n\t:host {\n\t\tdisplay: block;\n\t\theight: 100%;\n\t}\n\n\t.divider {\n\t\tbackground-color: var(--nile-colors-gray-light-mode-200);;\n\t}\n\t\n\t.horizontal {\n\t\theight: 2px;\n\t\t/ width: 100%; */\n\t\tmargin: 8px 0;\n\t}\n\n\t.vertical {\n\t\theight: 100%;\n\t\twidth: 2px;\n\t\tmargin: 0 8px;\n\t\tdisplay: inline-block;\n\t\tvertical-align: middle;\n\t}\n\n\t.inset.horizontal {\n\t\tmargin-left: 72px;\n\t}\n`;\n\nexport default [styles];"]}

package/dist/src/nile-drawer/nile-drawer.css.js CHANGED Viewed

@@ -11,7 +11,7 @@ import { css } from 'lit';
 export const styles = css `
   :host {
     box-sizing: border-box;
-    --nile-drawer-remove-icon-color:#000;
+    --nile-drawer-remove-icon-color:var(--nile-colors-dark-900);
   }
   :host *,

package/dist/src/nile-drawer/nile-drawer.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-drawer.css.js","sourceRoot":"","sources":["../../../src/nile-drawer/nile-drawer.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4KxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit';\n\n/\n Drawer CSS\n /\nexport const styles = css`\n :host {\n box-sizing: border-box;\n --nile-drawer-remove-icon-color~~:#000~~;\n }\n\n :host ,\n :host ::before,\n :host ::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n :host {\n --size: 25rem;\n --header-spacing: 1.25rem;\n --body-spacing: 1.25rem;\n --footer-spacing: 1.25rem;\n\n display: contents;\n }\n\n .drawer {\n top: 0;\n inset-inline-start: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: hidden;\n }\n\n .drawer--contained {\n position: absolute;\n z-index: initial;\n }\n\n .drawer--fixed {\n position: fixed;\n z-index: 700;\n }\n\n .drawer__panel {\n position: absolute;\n display: flex;\n flex-direction: column;\n z-index: 2;\n max-width: 100%;\n max-height: 100%;\n background-color: hsl(0, 0%, 100%);\n box-shadow: 0 4px 16px hsl(240 3.8% 46.1% / 12%);\n overflow: auto;\n pointer-events: all;\n }\n\n .drawer__panel:focus {\n outline: none;\n }\n\n .drawer--top .drawer__panel {\n top: 0;\n inset-inline-end: auto;\n bottom: auto;\n inset-inline-start: 0;\n width: 100%;\n height: var(--size);\n }\n\n .drawer--end .drawer__panel {\n top: 0;\n inset-inline-end: 0;\n bottom: auto;\n inset-inline-start: auto;\n width: var(--size);\n height: 100%;\n }\n\n .drawer--bottom .drawer__panel {\n top: auto;\n inset-inline-end: auto;\n bottom: 0;\n inset-inline-start: 0;\n width: 100%;\n height: var(--size);\n }\n\n .drawer--start .drawer__panel {\n top: 0;\n inset-inline-end: auto;\n bottom: auto;\n inset-inline-start: 0;\n width: var(--size);\n height: 100%;\n }\n\n .drawer__header {\n display: flex;\n }\n\n .drawer__title {\n flex: 1 1 auto;\n font: inherit;\n font-size: 1.25rem;\n line-height: 1.4;\n padding: var(--header-spacing);\n margin: 0;\n }\n\n .drawer__header-actions {\n flex-shrink: 0;\n display: flex;\n flex-wrap: wrap;\n justify-content: end;\n gap: 0.5rem;\n padding: 0 var(--header-spacing);\n }\n\n .drawer__header-actions nile-icon-button,\n .drawer__header-actions ::slotted(nile-icon-button) {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n font-size: 1rem;\n }\n\n .drawer__body {\n flex: 1 1 auto;\n display: block;\n padding: var(--body-spacing);\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n }\n\n .drawer__footer {\n text-align: right;\n padding: var(--footer-spacing);\n }\n\n .drawer__footer ::slotted(nile-button:not(:last-of-type)) {\n margin-inline-end: 0.5rem;\n }\n\n .drawer:not(.drawer--has-footer) .drawer__footer {\n display: none;\n }\n\n .drawer__overlay {\n display: block;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: hsl(240 3.8% 46.1% / 33%);\n pointer-events: all;\n }\n\n .drawer--contained .drawer__overlay {\n display: none;\n }\n\n .drawer__close:hover {\n cursor:pointer;\n }\n\n @media (forced-colors: active) {\n .drawer__panel {\n border: solid 1px hsl(0, 0%, 100%);\n }\n }\n`;\n\nexport default [styles];\n"]}
1	+ {"version":3,"file":"nile-drawer.css.js","sourceRoot":"","sources":["../../../src/nile-drawer/nile-drawer.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4KxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit';\n\n/\n Drawer CSS\n /\nexport const styles = css`\n :host {\n box-sizing: border-box;\n --nile-drawer-remove-icon-color:var(--nile-colors-dark-900);\n }\n\n :host ,\n :host ::before,\n :host ::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n :host {\n --size: 25rem;\n --header-spacing: 1.25rem;\n --body-spacing: 1.25rem;\n --footer-spacing: 1.25rem;\n\n display: contents;\n }\n\n .drawer {\n top: 0;\n inset-inline-start: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: hidden;\n }\n\n .drawer--contained {\n position: absolute;\n z-index: initial;\n }\n\n .drawer--fixed {\n position: fixed;\n z-index: 700;\n }\n\n .drawer__panel {\n position: absolute;\n display: flex;\n flex-direction: column;\n z-index: 2;\n max-width: 100%;\n max-height: 100%;\n background-color: hsl(0, 0%, 100%);\n box-shadow: 0 4px 16px hsl(240 3.8% 46.1% / 12%);\n overflow: auto;\n pointer-events: all;\n }\n\n .drawer__panel:focus {\n outline: none;\n }\n\n .drawer--top .drawer__panel {\n top: 0;\n inset-inline-end: auto;\n bottom: auto;\n inset-inline-start: 0;\n width: 100%;\n height: var(--size);\n }\n\n .drawer--end .drawer__panel {\n top: 0;\n inset-inline-end: 0;\n bottom: auto;\n inset-inline-start: auto;\n width: var(--size);\n height: 100%;\n }\n\n .drawer--bottom .drawer__panel {\n top: auto;\n inset-inline-end: auto;\n bottom: 0;\n inset-inline-start: 0;\n width: 100%;\n height: var(--size);\n }\n\n .drawer--start .drawer__panel {\n top: 0;\n inset-inline-end: auto;\n bottom: auto;\n inset-inline-start: 0;\n width: var(--size);\n height: 100%;\n }\n\n .drawer__header {\n display: flex;\n }\n\n .drawer__title {\n flex: 1 1 auto;\n font: inherit;\n font-size: 1.25rem;\n line-height: 1.4;\n padding: var(--header-spacing);\n margin: 0;\n }\n\n .drawer__header-actions {\n flex-shrink: 0;\n display: flex;\n flex-wrap: wrap;\n justify-content: end;\n gap: 0.5rem;\n padding: 0 var(--header-spacing);\n }\n\n .drawer__header-actions nile-icon-button,\n .drawer__header-actions ::slotted(nile-icon-button) {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n font-size: 1rem;\n }\n\n .drawer__body {\n flex: 1 1 auto;\n display: block;\n padding: var(--body-spacing);\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n }\n\n .drawer__footer {\n text-align: right;\n padding: var(--footer-spacing);\n }\n\n .drawer__footer ::slotted(nile-button:not(:last-of-type)) {\n margin-inline-end: 0.5rem;\n }\n\n .drawer:not(.drawer--has-footer) .drawer__footer {\n display: none;\n }\n\n .drawer__overlay {\n display: block;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: hsl(240 3.8% 46.1% / 33%);\n pointer-events: all;\n }\n\n .drawer--contained .drawer__overlay {\n display: none;\n }\n\n .drawer__close:hover {\n cursor:pointer;\n }\n\n @media (forced-colors: active) {\n .drawer__panel {\n border: solid 1px hsl(0, 0%, 100%);\n }\n }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-empty-state/nile-empty-state.css.js CHANGED Viewed

@@ -107,14 +107,14 @@ export const styles = css `
     border-radius: 50%;
     display: grid;
     place-items: center;
-    background: #34405466;
+    background: var(--nile-colors-neutral-500);
     position:absolute;
     left: calc(50% - calc(var(--nile-es-icon-size) / 2));
     top:calc(62.5% - calc(var(--nile-es-icon-size) / 2));
   }
   .empty-state__body--tonal {
-    background: linear-gradient(180deg, #F9FAFB 0%, #EDF0F3 100%);
+    background: linear-gradient(180deg, var(--nile-colors-neutral-100) 0%, var(--nile-colors-neutral-400) 100%);
     width: 104px;
     height: 104px;
     border-radius: 50%;
@@ -134,7 +134,7 @@ export const styles = css `
     background-color: white;
     display: grid;
     place-items: center;
-    border: 1px solid #EAECF0;
+    border: 1px solid var(--nile-colors-neutral-400);
   }
   .empty__state__text-section {
@@ -157,7 +157,7 @@ export const styles = css `
     font-weight: 400;
     line-height: var(--nile-es-subtext-line-height);
     text-align: center;
-    color:#475467;
+    color:var(--nile-colors-dark-500);
     font-style: normal;
   }

package/dist/src/nile-empty-state/nile-empty-state.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-empty-state.css.js","sourceRoot":"","sources":["../../../src/nile-empty-state/nile-empty-state.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6JxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n\n This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n/\n\nimport { css } from 'lit';\n\n/\n EmptyState CSS\n */\nexport const styles = css`\n :host {\n display:inline-flex;\n min-width:var(--nile-empty-state-max-width);\n max-width:var(--nile-empty-state-min-width);\n width:100%;\n }\n\n .empty-state--sm {\n --nile-es-text-size:16px;\n --nile-es-text-line-height:24px;\n --nile-es-subtext-size:14px;\n --nile-es-subtext-line-height:20px;\n \n --nile-es-icon-size:48px;\n --nile-es-flat-option-border-radius:5px;\n --nile-es-img-height:118px;\n --nile-es-img-width:152px;\n\n --nile-es-gap:var(--nile-spacing-spacing-3xl);\n --nile-es-body-gap:var(--nile-spacing-spacing-xl);\n --nile-es-text-gap:0px;\n }\n\n .empty-state--md {\n --nile-es-text-size:18px;\n --nile-es-text-line-height:28px;\n --nile-es-subtext-size:14px;\n --nile-es-subtext-line-height:20px;\n\n --nile-es-icon-size:48px;\n --nile-es-flat-option-border-radius:5px;\n --nile-es-img-height:128px;\n --nile-es-img-width:172px;\n\n --nile-es-gap:var(--nile-spacing-spacing-4xl);\n --nile-es-body-gap:var(--nile-spacing-spacing-2xl);\n --nile-es-text-gap:var(--nile-spacing-spacing-md);\n }\n\n .empty-state--lg {\n --nile-es-text-size:20px;\n --nile-es-text-line-height:30px;\n --nile-es-subtext-size:16px;\n --nile-es-subtext-line-height:24px;\n\n --nile-es-icon-size:56px;\n --nile-es-flat-option-border-radius:10px;\n --nile-es-img-height:160px;\n --nile-es-img-width:220px;\n\n --nile-es-gap:var(--nile-spacing-spacing-4xl);\n --nile-es-body-gap:var(--nile-spacing-spacing-3xl);\n --nile-es-text-gap:var(--nile-spacing-spacing-md)\n }\n\n .empty-state {\n min-width:300px;\n max-width:512px;\n width:100%;\n height:max-content;\n display:flex;\n flex-direction:column;\n row-gap:var(--nile-es-gap);\n }\n\n .empty-state__body {\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n align-items:center;\n row-gap:var(--nile-es-body-gap)\n }\n\n .empty-state__body--content {\n position:relative;\n }\n .empty-state__image { \n background:var(--nile-empty-state-image);\n background-size: var(--nile-es-img-width) var(--nile-es-img-height);\n height: var(--nile-es-img-height);\n width: var(--nile-es-img-width);\n max-width: 100%;\n }\n\n .empty-state__image--grayscale {\n -webkit-filter: grayscale(100%);\n -moz-filter: grayscale(100%);\n -o-filter: grayscale(100%);\n -ms-filter: grayscale(100%);\n filter: grayscale(100%);\n }\n\n .empty-state__img__icon {\n height: var(--nile-es-icon-size);\n aspect-ratio:1 / 1;\n border-radius: 50%;\n display: grid;\n place-items: center;\n background: ~~#34405466~~;\n position:absolute;\n left: calc(50% - calc(var(--nile-es-icon-size) / 2));\n top:calc(62.5% - calc(var(--nile-es-icon-size) / 2));\n }\n\n .empty-state__body--tonal {\n background: linear-gradient(180deg, ~~#F9FAFB~~ 0%, ~~#EDF0F3~~ 100%);\n width: 104px;\n height: 104px;\n border-radius: 50%;\n display:flex;\n justify-content:center;\n align-items:center;\n }\n\n .empty-state__body--flat {\n }\n\n .nile-flat-type-icon {\n height:var(--nile-es-icon-size);\n aspect-ratio:1 / 1;\n border-radius: var(--nile-es-flat-option-border-radius);\n\n background-color: white;\n display: grid;\n place-items: center;\n border: 1px solid ~~#EAECF0~~;\n }\n\n .empty__state__text-section {\n display:flex;\n flex-direction:column;\n gap:var(--nile-es-text-gap);\n max-width:80%;\n }\n\n .empty-state__text {\n font-size: var(--nile-es-text-size);\n font-weight: 600;\n line-height: var(--nile-es-text-line-height);\n text-align: center;\n font-style: normal;\n }\n\n .empty-state__subtext {\n font-size: var(--nile-es-subtext-size);\n font-weight: 400;\n line-height: var(--nile-es-subtext-line-height);\n text-align: center;\n color~~:#475467~~;\n font-style: normal;\n }\n\n .empty-state-actions {\n display:flex;\n justify-content:center;\n }\n`;\n\nexport default [styles];"]}
1	+ {"version":3,"file":"nile-empty-state.css.js","sourceRoot":"","sources":["../../../src/nile-empty-state/nile-empty-state.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6JxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n\n This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n/\n\nimport { css } from 'lit';\n\n/\n EmptyState CSS\n */\nexport const styles = css`\n :host {\n display:inline-flex;\n min-width:var(--nile-empty-state-max-width);\n max-width:var(--nile-empty-state-min-width);\n width:100%;\n }\n\n .empty-state--sm {\n --nile-es-text-size:16px;\n --nile-es-text-line-height:24px;\n --nile-es-subtext-size:14px;\n --nile-es-subtext-line-height:20px;\n \n --nile-es-icon-size:48px;\n --nile-es-flat-option-border-radius:5px;\n --nile-es-img-height:118px;\n --nile-es-img-width:152px;\n\n --nile-es-gap:var(--nile-spacing-spacing-3xl);\n --nile-es-body-gap:var(--nile-spacing-spacing-xl);\n --nile-es-text-gap:0px;\n }\n\n .empty-state--md {\n --nile-es-text-size:18px;\n --nile-es-text-line-height:28px;\n --nile-es-subtext-size:14px;\n --nile-es-subtext-line-height:20px;\n\n --nile-es-icon-size:48px;\n --nile-es-flat-option-border-radius:5px;\n --nile-es-img-height:128px;\n --nile-es-img-width:172px;\n\n --nile-es-gap:var(--nile-spacing-spacing-4xl);\n --nile-es-body-gap:var(--nile-spacing-spacing-2xl);\n --nile-es-text-gap:var(--nile-spacing-spacing-md);\n }\n\n .empty-state--lg {\n --nile-es-text-size:20px;\n --nile-es-text-line-height:30px;\n --nile-es-subtext-size:16px;\n --nile-es-subtext-line-height:24px;\n\n --nile-es-icon-size:56px;\n --nile-es-flat-option-border-radius:10px;\n --nile-es-img-height:160px;\n --nile-es-img-width:220px;\n\n --nile-es-gap:var(--nile-spacing-spacing-4xl);\n --nile-es-body-gap:var(--nile-spacing-spacing-3xl);\n --nile-es-text-gap:var(--nile-spacing-spacing-md)\n }\n\n .empty-state {\n min-width:300px;\n max-width:512px;\n width:100%;\n height:max-content;\n display:flex;\n flex-direction:column;\n row-gap:var(--nile-es-gap);\n }\n\n .empty-state__body {\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n align-items:center;\n row-gap:var(--nile-es-body-gap)\n }\n\n .empty-state__body--content {\n position:relative;\n }\n .empty-state__image { \n background:var(--nile-empty-state-image);\n background-size: var(--nile-es-img-width) var(--nile-es-img-height);\n height: var(--nile-es-img-height);\n width: var(--nile-es-img-width);\n max-width: 100%;\n }\n\n .empty-state__image--grayscale {\n -webkit-filter: grayscale(100%);\n -moz-filter: grayscale(100%);\n -o-filter: grayscale(100%);\n -ms-filter: grayscale(100%);\n filter: grayscale(100%);\n }\n\n .empty-state__img__icon {\n height: var(--nile-es-icon-size);\n aspect-ratio:1 / 1;\n border-radius: 50%;\n display: grid;\n place-items: center;\n background: var(--nile-colors-neutral-500);\n position:absolute;\n left: calc(50% - calc(var(--nile-es-icon-size) / 2));\n top:calc(62.5% - calc(var(--nile-es-icon-size) / 2));\n }\n\n .empty-state__body--tonal {\n background: linear-gradient(180deg, var(--nile-colors-neutral-100) 0%, var(--nile-colors-neutral-400) 100%);\n width: 104px;\n height: 104px;\n border-radius: 50%;\n display:flex;\n justify-content:center;\n align-items:center;\n }\n\n .empty-state__body--flat {\n }\n\n .nile-flat-type-icon {\n height:var(--nile-es-icon-size);\n aspect-ratio:1 / 1;\n border-radius: var(--nile-es-flat-option-border-radius);\n\n background-color: white;\n display: grid;\n place-items: center;\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .empty__state__text-section {\n display:flex;\n flex-direction:column;\n gap:var(--nile-es-text-gap);\n max-width:80%;\n }\n\n .empty-state__text {\n font-size: var(--nile-es-text-size);\n font-weight: 600;\n line-height: var(--nile-es-text-line-height);\n text-align: center;\n font-style: normal;\n }\n\n .empty-state__subtext {\n font-size: var(--nile-es-subtext-size);\n font-weight: 400;\n line-height: var(--nile-es-subtext-line-height);\n text-align: center;\n color:var(--nile-colors-dark-500);\n font-style: normal;\n }\n\n .empty-state-actions {\n display:flex;\n justify-content:center;\n }\n`;\n\nexport default [styles];"]}

package/dist/src/nile-error-message/nile-error-message.js CHANGED Viewed

@@ -43,7 +43,7 @@ let NileErrorMessage = class NileErrorMessage extends LitElement {
           size="14"
           class="nile-error-message__icon"
           part="icon"
-          color="#A4121C"
+          color="var(--nile-colors-red-700)"
         ></nile-icon>
         <span class="nile-error-message__error">${this.errorMessage}</span>
@@ -58,7 +58,7 @@ let NileErrorMessage = class NileErrorMessage extends LitElement {
               class="nile-error-message__more-button"
               @click=${this.toggleExpanded}
               >${this.isExpanded ? 'View Less' : 'View More'}
-              <nile-icon color="#005EA6" part="icon" size="14" name="${iconName}"></nile-icon>
+              <nile-icon color="var(--nile-colors-primary-600)" part="icon" size="14" name="${iconName}"></nile-icon>
               </span
             > ` : ``}
             </div>