From 7638ec43caf4f443514ca89f678076f91c6d0730 Mon Sep 17 00:00:00 2001 From: Erik Harper Date: Fri, 12 Jan 2024 14:15:01 -0800 Subject: [PATCH 01/36] feat(tile): add visual scales (#8496) **Related Issue:** #4759 ## Summary This PR adds a `scale` property to control visual display for small, medium and large scales. --------- Co-authored-by: Erik Harper --- .../calcite-components/src/components.d.ts | 8 + .../src/components/tile/tile.scss | 119 +++++--- .../src/components/tile/tile.stories.ts | 36 +++ .../src/components/tile/tile.tsx | 18 +- .../calcite-components/src/demos/tile.html | 267 ++++++++++++++++++ packages/calcite-components/src/index.html | 6 + 6 files changed, 399 insertions(+), 55 deletions(-) create mode 100644 packages/calcite-components/src/demos/tile.html diff --git a/packages/calcite-components/src/components.d.ts b/packages/calcite-components/src/components.d.ts index 2313e55d846..39b6d66f5d0 100644 --- a/packages/calcite-components/src/components.d.ts +++ b/packages/calcite-components/src/components.d.ts @@ -4950,6 +4950,10 @@ export namespace Components { * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */ "iconFlipRtl": boolean; + /** + * Specifies the size of the component. + */ + "scale": Scale; } interface CalciteTileSelect { /** @@ -12424,6 +12428,10 @@ declare namespace LocalJSX { * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */ "iconFlipRtl"?: boolean; + /** + * Specifies the size of the component. + */ + "scale"?: Scale; } interface CalciteTileSelect { /** diff --git a/packages/calcite-components/src/components/tile/tile.scss b/packages/calcite-components/src/components/tile/tile.scss index b33f35b425b..b293f9b4be2 100644 --- a/packages/calcite-components/src/components/tile/tile.scss +++ b/packages/calcite-components/src/components/tile/tile.scss @@ -9,33 +9,31 @@ .container { @apply pointer-events-none - grid - grid-cols-1 - gap-2; + grid + grid-cols-1; + gap: var(--calcite-spacing-md); } .content { @apply flex - flex-auto - flex-col - justify-center - gap-2; - // set width handles slotted content and heading word wrap + flex-auto + flex-col + justify-center; inline-size: 10%; } .content-container { @apply focus-base - text-color-2 - flex - w-full - flex-auto - items-stretch - p-0; + text-color-2 + flex + w-full + flex-auto + items-stretch + p-0; } .content-slot-container { - @apply bg-foreground-1 flex items-center; + @apply flex items-center; &:first-child { padding-inline: 0 0.75rem; @@ -47,36 +45,71 @@ } .heading { - @apply text-n1-wrap - text-color-2 - pointer-events-none - break-words - font-medium - duration-150 - ease-in-out; + @apply pointer-events-none + break-words; + color: var(--calcite-color-text-2); + font-size: var(--calcite-font-size--1); + font-weight: 500; + line-height: 1.20313rem; } .large-visual { @apply items-center text-center; min-block-size: theme("spacing.48"); - .icon { - @apply flex - justify-center - self-end; + calcite-icon { + align-self: self-end; + block-size: 64px; + inline-size: 64px; + justify-self: center; } .content-container { @apply self-center; } } .description { - @apply text-n2-wrap - text-color-3 - break-words - pointer-events-none - duration-150 - ease-in-out; + @apply break-words + pointer-events-none; + color: var(--calcite-color-text-3); + font-size: var(--calcite-font-size--2); + font-weight: 400; + line-height: 1.03125rem; + } +} + +:host([scale="s"]) { + .container { + gap: var(--calcite-spacing-sm); + } + .heading { + font-size: var(--calcite-font-size--2); + line-height: 1.03125rem; + } + .description { + font-size: var(--calcite-font-size--3); + line-height: 0.85938rem; + } +} + +:host([scale="l"]) { + .container { + gap: var(--calcite-spacing-xl); + } + .heading { + font-size: var(--calcite-font-size-0); + line-height: 1.375rem; + } + .description { + font-size: var(--calcite-font-size--1); + line-height: 1.20313rem; + } +} + +:host(:not([href])) { + calcite-icon { + color: var(--calcite-color-text-3); } } + :host([href]), :host([href]:hover) { .heading { @@ -85,8 +118,14 @@ } } :host(:not([embed])) { - @apply p-3; box-shadow: 0 0 0 1px var(--calcite-color-border-2); + padding: var(--calcite-spacing-md); +} +:host(:not([embed])[scale="s"]) { + padding: var(--calcite-spacing-sm); +} +:host(:not([embed])[scale="l"]) { + padding: var(--calcite-spacing-xl); } :host(:not([embed])[href]:hover) { @apply cursor-pointer; @@ -96,15 +135,7 @@ box-shadow: 0 0 0 3px var(--calcite-color-brand); } :host([icon][heading]:not([description]):not([embed])) { - @apply p-0; -} -:host([icon][heading]:not([description])) { - .icon { - @apply flex justify-center; - } - .large-visual { - @apply text-center; - } + padding: 0px; } @include disabled(); @@ -112,10 +143,10 @@ :host(:hover), :host([active]) { .heading { - @apply text-color-1; + color: var(--calcite-color-text-1); } .description { - @apply text-color-2; + color: var(--calcite-color-text-2); } } diff --git a/packages/calcite-components/src/components/tile/tile.stories.ts b/packages/calcite-components/src/components/tile/tile.stories.ts index 877d6701ce6..51dc566c06e 100644 --- a/packages/calcite-components/src/components/tile/tile.stories.ts +++ b/packages/calcite-components/src/components/tile/tile.stories.ts @@ -24,10 +24,46 @@ export const simple = (): string => html` ${boolean("hidden", false)} href="${text("href", "#")}" icon="${select("icon", iconNames, "layer")}" + scale="${select("scale", ["s", "m", "l"], "m")}" > `; +export const scales = (): string => html` +
+ small + + + + medium + + + + large + + + +
+`; + export const largeTile = (): string => html` - {icon && ( -
- -
- )} + {icon && }
{getSlotted(el, SLOTS.contentStart) ? (
diff --git a/packages/calcite-components/src/demos/tile.html b/packages/calcite-components/src/demos/tile.html new file mode 100644 index 00000000000..51dc1e33ff5 --- /dev/null +++ b/packages/calcite-components/src/demos/tile.html @@ -0,0 +1,267 @@ + + + + + + + Tile + + + + + + + +
+
scale
+
small
+
medium
+
large
+
+
+ + +
+
heading only
+ +
+ +
+
+ +
+
+ +
+
+
+ + +
+
heading only with link
+ +
+ +
+
+ +
+
+ +
+
+
+ + +
+
basic
+ +
+ + +
+
+ + +
+
+ + +
+
+
+ + +
+
link
+ +
+ + +
+
+ + +
+
+ + +
+
+
+ + +
+
slots
+ +
+ + + + +
+
+ + + + +
+
+ + + + +
+
+
+ +
+
links with slots
+ +
+ + + + +
+
+ + + + +
+
+ + + + +
+
+
+ + +
+
large visual
+ +
+ +
+
+ +
+
+ +
+
+
+ + +
+
large visual with link
+ +
+ +
+
+ +
+
+ +
+
+
+ + + diff --git a/packages/calcite-components/src/index.html b/packages/calcite-components/src/index.html index 59a00147631..e8a0d4e3e1e 100644 --- a/packages/calcite-components/src/index.html +++ b/packages/calcite-components/src/index.html @@ -456,6 +456,12 @@

Calcite demo

+
+ + + +
+
From 49b0a206eadfa193fa581f8c874a0b957bfb2c88 Mon Sep 17 00:00:00 2001 From: Ben Elan Date: Fri, 12 Jan 2024 15:28:26 -0800 Subject: [PATCH 02/36] fix(input-message): add missing margin to scale="s", spacing CSS variable has effect (#8592) **Related Issue:** https://github.com/Esri/calcite-design-system/pull/8561#issuecomment-1887992460 ## Summary - Resolve CSS specificity issue that prevented `--calcite-input-message-spacing-value` from having any effect. - Add missing margin top to the small scale to align with the Figma design, where the margin is the same for all scales. --- .../src/assets/styles/includes.scss | 24 +++--- .../calcite-components/src/components.d.ts | 80 ++++++++++--------- .../input-message/input-message.scss | 30 ++----- 3 files changed, 58 insertions(+), 76 deletions(-) diff --git a/packages/calcite-components/src/assets/styles/includes.scss b/packages/calcite-components/src/assets/styles/includes.scss index 4032894b781..222c67ae839 100644 --- a/packages/calcite-components/src/assets/styles/includes.scss +++ b/packages/calcite-components/src/assets/styles/includes.scss @@ -41,12 +41,20 @@ // mixin for the container of validation messages displayed below form-associated components @mixin form-validation-message() { .validation-container { - padding-block-start: 0.5rem; display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; } + + :host([scale="m"]) .validation-container, + :host([scale="l"]) .validation-container { + padding-block-start: 0.5rem; + } + + :host([scale="s"]) .validation-container { + padding-block-start: 0.25rem; + } } // mixin to provide base disabled styles for interactive components @@ -122,19 +130,7 @@ } .x-button { - @apply appearance-none - bg-transparent - border-2 - content-center - cursor-pointer - flex - focus-base - items-center - justify-center - m-0 - self-center - text-color-3 - transition-default; + @apply appearance-none bg-transparent border-2 content-center cursor-pointer flex focus-base items-center justify-center m-0 self-center text-color-3 transition-default; border-radius: 50%; border-color: transparent; diff --git a/packages/calcite-components/src/components.d.ts b/packages/calcite-components/src/components.d.ts index 39b6d66f5d0..0eb3a842a58 100644 --- a/packages/calcite-components/src/components.d.ts +++ b/packages/calcite-components/src/components.d.ts @@ -660,7 +660,7 @@ export namespace Components { */ "disabled": boolean; /** - * The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form": string; /** @@ -775,7 +775,7 @@ export namespace Components { */ "disabled": boolean; /** - * The 'ID' of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form": string; /** @@ -1070,7 +1070,7 @@ export namespace Components { */ "flipPlacements": EffectivePlacement[]; /** - * The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form": string; /** @@ -1898,7 +1898,7 @@ export namespace Components { */ "files": FileList | undefined; /** - * The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form": string; /** @@ -2075,7 +2075,7 @@ export namespace Components { */ "focusTrapDisabled": boolean; /** - * The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form": string; /** @@ -2231,7 +2231,7 @@ export namespace Components { */ "enterKeyHint": string; /** - * The `ID` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form": string; /** @@ -2401,7 +2401,7 @@ export namespace Components { */ "enterKeyHint": string; /** - * The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form": string; /** @@ -2520,7 +2520,7 @@ export namespace Components { */ "focusTrapDisabled": boolean; /** - * The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form": string; /** @@ -2600,7 +2600,7 @@ export namespace Components { */ "disabled": boolean; /** - * The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form": string; /** @@ -3040,7 +3040,7 @@ export namespace Components { */ "fillType": "single" | "range"; /** - * The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form": string; /** @@ -3722,7 +3722,7 @@ export namespace Components { */ "focused": boolean; /** - * The 'ID' of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form": string; /** @@ -3811,7 +3811,7 @@ export namespace Components { */ "disabled": boolean; /** - * The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form": string; /** @@ -3875,7 +3875,7 @@ export namespace Components { */ "disabled": boolean; /** - * The `ID` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form": string; /** @@ -3952,7 +3952,7 @@ export namespace Components { */ "disabled": boolean; /** - * The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form": string; /** @@ -4096,7 +4096,7 @@ export namespace Components { */ "detachedHeightScale": Scale; /** - * Specifies the display mode of the component, where: `"dock"` full height, displays adjacent to center content, `"float"` not full height, content is separated detached from `calcite-action-bar`, displays on top of center content, and `"overlay"` full height, displays on top of center content. + * Specifies the display mode of the component, where: `"dock"` displays at full height adjacent to center content, `"overlay"` displays at full height on top of center content, and `"float"` does not display at full height with content separately detached from `calcite-action-bar` on top of center content. */ "displayMode": DisplayMode1; /** @@ -4134,7 +4134,7 @@ export namespace Components { */ "disabled": boolean; /** - * The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form": string; /** @@ -4473,7 +4473,7 @@ export namespace Components { */ "disabled": boolean; /** - * The `ID` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form": string; /** @@ -4817,7 +4817,7 @@ export namespace Components { */ "disabled": boolean; /** - * The `ID` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form": string; /** @@ -5173,6 +5173,7 @@ export namespace Components { "selectedItems": HTMLCalciteTreeItemElement[]; /** * Specifies the selection mode of the component, where: `"ancestors"` displays with a checkbox and allows any number of selections from corresponding parent and child selections, `"children"` allows any number of selections from one parent from corresponding parent and child selections, `"multichildren"` allows any number of selections from corresponding parent and child selections, `"multiple"` allows any number of selections, `"none"` allows no selections, `"single"` allows one selection, and `"single-persist"` allows and requires one selection. + * @default "single" */ "selectionMode": SelectionMode; } @@ -7918,7 +7919,7 @@ declare namespace LocalJSX { */ "disabled"?: boolean; /** - * The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form"?: string; /** @@ -8033,7 +8034,7 @@ declare namespace LocalJSX { */ "disabled"?: boolean; /** - * The 'ID' of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form"?: string; /** @@ -8345,7 +8346,7 @@ declare namespace LocalJSX { */ "flipPlacements"?: EffectivePlacement[]; /** - * The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form"?: string; /** @@ -9234,7 +9235,7 @@ declare namespace LocalJSX { */ "files"?: FileList | undefined; /** - * The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form"?: string; /** @@ -9413,7 +9414,7 @@ declare namespace LocalJSX { */ "focusTrapDisabled"?: boolean; /** - * The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form"?: string; /** @@ -9465,7 +9466,7 @@ declare namespace LocalJSX { */ "onCalciteInputDatePickerBeforeOpen"?: (event: CalciteInputDatePickerCustomEvent) => void; /** - * Fires when the component's value changes. + * Fires when the component's `value` changes. */ "onCalciteInputDatePickerChange"?: (event: CalciteInputDatePickerCustomEvent) => void; /** @@ -9580,7 +9581,7 @@ declare namespace LocalJSX { */ "enterKeyHint"?: string; /** - * The `ID` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form"?: string; /** @@ -9752,7 +9753,7 @@ declare namespace LocalJSX { */ "enterKeyHint"?: string; /** - * The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form"?: string; /** @@ -9876,7 +9877,7 @@ declare namespace LocalJSX { */ "focusTrapDisabled"?: boolean; /** - * The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form"?: string; /** @@ -9904,7 +9905,7 @@ declare namespace LocalJSX { */ "onCalciteInputTimePickerBeforeOpen"?: (event: CalciteInputTimePickerCustomEvent) => void; /** - * Fires when the time value is changed as a result of user input. + * Fires when the component's `value` is changes. */ "onCalciteInputTimePickerChange"?: (event: CalciteInputTimePickerCustomEvent) => void; /** @@ -9967,7 +9968,7 @@ declare namespace LocalJSX { */ "disabled"?: boolean; /** - * The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form"?: string; /** @@ -10000,7 +10001,7 @@ declare namespace LocalJSX { */ "onCalciteInputTimeZoneBeforeOpen"?: (event: CalciteInputTimeZoneCustomEvent) => void; /** - * Fires when the component's value changes. + * Fires when the component's `value` changes. */ "onCalciteInputTimeZoneChange"?: (event: CalciteInputTimeZoneCustomEvent) => void; /** @@ -10464,7 +10465,7 @@ declare namespace LocalJSX { */ "fillType"?: "single" | "range"; /** - * The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form"?: string; /** @@ -11163,7 +11164,7 @@ declare namespace LocalJSX { */ "focused"?: boolean; /** - * The 'ID' of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form"?: string; /** @@ -11264,7 +11265,7 @@ declare namespace LocalJSX { */ "disabled"?: boolean; /** - * The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form"?: string; /** @@ -11328,7 +11329,7 @@ declare namespace LocalJSX { */ "disabled"?: boolean; /** - * The `ID` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form"?: string; /** @@ -11409,7 +11410,7 @@ declare namespace LocalJSX { */ "disabled"?: boolean; /** - * The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form"?: string; /** @@ -11561,7 +11562,7 @@ declare namespace LocalJSX { */ "detachedHeightScale"?: Scale; /** - * Specifies the display mode of the component, where: `"dock"` full height, displays adjacent to center content, `"float"` not full height, content is separated detached from `calcite-action-bar`, displays on top of center content, and `"overlay"` full height, displays on top of center content. + * Specifies the display mode of the component, where: `"dock"` displays at full height adjacent to center content, `"overlay"` displays at full height on top of center content, and `"float"` does not display at full height with content separately detached from `calcite-action-bar` on top of center content. */ "displayMode"?: DisplayMode1; /** @@ -11601,7 +11602,7 @@ declare namespace LocalJSX { */ "disabled"?: boolean; /** - * The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form"?: string; /** @@ -11939,7 +11940,7 @@ declare namespace LocalJSX { */ "disabled"?: boolean; /** - * The `ID` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form"?: string; /** @@ -12295,7 +12296,7 @@ declare namespace LocalJSX { */ "disabled"?: boolean; /** - * The `ID` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. + * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form"?: string; /** @@ -12665,6 +12666,7 @@ declare namespace LocalJSX { "selectedItems"?: HTMLCalciteTreeItemElement[]; /** * Specifies the selection mode of the component, where: `"ancestors"` displays with a checkbox and allows any number of selections from corresponding parent and child selections, `"children"` allows any number of selections from one parent from corresponding parent and child selections, `"multichildren"` allows any number of selections from corresponding parent and child selections, `"multiple"` allows any number of selections, `"none"` allows no selections, `"single"` allows one selection, and `"single-persist"` allows and requires one selection. + * @default "single" */ "selectionMode"?: SelectionMode; } diff --git a/packages/calcite-components/src/components/input-message/input-message.scss b/packages/calcite-components/src/components/input-message/input-message.scss index 55624f9b5ba..140d88f86ed 100644 --- a/packages/calcite-components/src/components/input-message/input-message.scss +++ b/packages/calcite-components/src/components/input-message/input-message.scss @@ -6,25 +6,14 @@ * @prop --calcite-input-message-spacing-value: The top margin spacing above the component. */ -:host([scale="m"]), -:host([scale="l"]) { - --calcite-input-message-spacing-value: theme("spacing.1"); -} - :host { @apply text-color-1 transition-default box-border flex h-auto w-full items-center font-medium opacity-100; -} - -:host([scale="m"]), -:host([scale="l"]) { + --calcite-input-message-spacing-value: theme("spacing.1"); margin-block-start: var(--calcite-input-message-spacing-value); } .calcite-input-message-icon { - @apply transition-default - pointer-events-none - inline-flex - flex-shrink-0; + @apply transition-default pointer-events-none inline-flex flex-shrink-0; margin-inline-end: theme("margin.2"); } @@ -44,21 +33,16 @@ color: var(--calcite-color-brand); } -// Validation Text -:host([status]) { - @apply text-color-1; -} - -:host([status][scale="s"]) { +:host([scale="s"]) { @apply text-n3h; } -:host([status][scale="m"]) { - @apply text-n2h mt-1; +:host([scale="m"]) { + @apply text-n2h; } -:host([status][scale="l"]) { - @apply text-n1h mt-1; +:host([scale="l"]) { + @apply text-n1h; } @include base-component(); From dd270bb435dafe54615c6ab329cc042ab11270af Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" Date: Fri, 12 Jan 2024 23:29:57 +0000 Subject: [PATCH 03/36] chore: release next --- package-lock.json | 10 +++++----- .../projects/component-library/CHANGELOG.md | 4 ++++ .../projects/component-library/package.json | 4 ++-- packages/calcite-components-react/CHANGELOG.md | 4 ++++ packages/calcite-components-react/package.json | 4 ++-- packages/calcite-components/CHANGELOG.md | 11 +++++++++++ packages/calcite-components/package.json | 2 +- 7 files changed, 29 insertions(+), 10 deletions(-) diff --git a/package-lock.json b/package-lock.json index 2e3f02568d0..5fc3d0b3d42 100644 --- a/package-lock.json +++ b/package-lock.json @@ -47192,7 +47192,7 @@ }, "packages/calcite-components": { "name": "@esri/calcite-components", - "version": "2.2.0-next.17", + "version": "2.2.0-next.18", "license": "SEE LICENSE.md", "dependencies": { "@floating-ui/dom": "1.5.3", @@ -47243,10 +47243,10 @@ }, "packages/calcite-components-angular/projects/component-library": { "name": "@esri/calcite-components-angular", - "version": "2.2.0-next.17", + "version": "2.2.0-next.18", "license": "SEE LICENSE.md", "dependencies": { - "@esri/calcite-components": "^2.2.0-next.17", + "@esri/calcite-components": "^2.2.0-next.18", "tslib": "2.6.2" }, "peerDependencies": { @@ -47256,10 +47256,10 @@ }, "packages/calcite-components-react": { "name": "@esri/calcite-components-react", - "version": "2.2.0-next.17", + "version": "2.2.0-next.18", "license": "SEE LICENSE.md", "dependencies": { - "@esri/calcite-components": "^2.2.0-next.17" + "@esri/calcite-components": "^2.2.0-next.18" }, "peerDependencies": { "react": ">=16.7", diff --git a/packages/calcite-components-angular/projects/component-library/CHANGELOG.md b/packages/calcite-components-angular/projects/component-library/CHANGELOG.md index 64a75748bee..e14770e3c6e 100644 --- a/packages/calcite-components-angular/projects/component-library/CHANGELOG.md +++ b/packages/calcite-components-angular/projects/component-library/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [2.2.0-next.18](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.0-next.17...@esri/calcite-components-angular@2.2.0-next.18) (2024-01-12) + +**Note:** Version bump only for package @esri/calcite-components-angular + ## [2.2.0-next.17](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.0-next.16...@esri/calcite-components-angular@2.2.0-next.17) (2024-01-11) **Note:** Version bump only for package @esri/calcite-components-angular diff --git a/packages/calcite-components-angular/projects/component-library/package.json b/packages/calcite-components-angular/projects/component-library/package.json index ddaaf7e18a9..f67ff0fe613 100644 --- a/packages/calcite-components-angular/projects/component-library/package.json +++ b/packages/calcite-components-angular/projects/component-library/package.json @@ -1,6 +1,6 @@ { "name": "@esri/calcite-components-angular", - "version": "2.2.0-next.17", + "version": "2.2.0-next.18", "sideEffects": false, "homepage": "https://developers.arcgis.com/calcite-design-system/", "description": "A set of Angular components that wrap Esri's Calcite Components.", @@ -20,7 +20,7 @@ "@angular/core": ">=16.0.0" }, "dependencies": { - "@esri/calcite-components": "^2.2.0-next.17", + "@esri/calcite-components": "^2.2.0-next.18", "tslib": "2.6.2" }, "lerna": { diff --git a/packages/calcite-components-react/CHANGELOG.md b/packages/calcite-components-react/CHANGELOG.md index c6436225f87..722e98cad1b 100644 --- a/packages/calcite-components-react/CHANGELOG.md +++ b/packages/calcite-components-react/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [2.2.0-next.18](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.0-next.17...@esri/calcite-components-react@2.2.0-next.18) (2024-01-12) + +**Note:** Version bump only for package @esri/calcite-components-react + ## [2.2.0-next.17](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.0-next.16...@esri/calcite-components-react@2.2.0-next.17) (2024-01-11) **Note:** Version bump only for package @esri/calcite-components-react diff --git a/packages/calcite-components-react/package.json b/packages/calcite-components-react/package.json index 38be8989eb5..077c6231130 100644 --- a/packages/calcite-components-react/package.json +++ b/packages/calcite-components-react/package.json @@ -1,7 +1,7 @@ { "name": "@esri/calcite-components-react", "sideEffects": false, - "version": "2.2.0-next.17", + "version": "2.2.0-next.18", "homepage": "https://developers.arcgis.com/calcite-design-system/", "description": "A set of React components that wrap calcite components", "license": "SEE LICENSE.md", @@ -23,7 +23,7 @@ "dist/" ], "dependencies": { - "@esri/calcite-components": "^2.2.0-next.17" + "@esri/calcite-components": "^2.2.0-next.18" }, "peerDependencies": { "react": ">=16.7", diff --git a/packages/calcite-components/CHANGELOG.md b/packages/calcite-components/CHANGELOG.md index 21b6a91b997..2ebddc03b03 100644 --- a/packages/calcite-components/CHANGELOG.md +++ b/packages/calcite-components/CHANGELOG.md @@ -3,6 +3,17 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [2.2.0-next.18](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.17...@esri/calcite-components@2.2.0-next.18) (2024-01-12) + +### Features + +- **handle, block, list-item:** improve drag handle tooltip to include item label ([#8584](https://github.com/Esri/calcite-design-system/issues/8584)) ([6e643e2](https://github.com/Esri/calcite-design-system/commit/6e643e2f5384174d6b56233230b92a3b7716abab)), closes [#8581](https://github.com/Esri/calcite-design-system/issues/8581) +- **tile:** add visual scales ([#8496](https://github.com/Esri/calcite-design-system/issues/8496)) ([7638ec4](https://github.com/Esri/calcite-design-system/commit/7638ec43caf4f443514ca89f678076f91c6d0730)), closes [#4759](https://github.com/Esri/calcite-design-system/issues/4759) + +### Bug Fixes + +- **input-message:** add missing margin to scale="s", spacing CSS variable has effect ([#8592](https://github.com/Esri/calcite-design-system/issues/8592)) ([49b0a20](https://github.com/Esri/calcite-design-system/commit/49b0a206eadfa193fa581f8c874a0b957bfb2c88)), closes [/github.com/Esri/calcite-design-system/pull/8561#issuecomment-1887992460](https://github.com/Esri//github.com/Esri/calcite-design-system/pull/8561/issues/issuecomment-1887992460) + ## [2.2.0-next.17](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.16...@esri/calcite-components@2.2.0-next.17) (2024-01-11) ### Features diff --git a/packages/calcite-components/package.json b/packages/calcite-components/package.json index c966a57ae3c..13609fba2d0 100644 --- a/packages/calcite-components/package.json +++ b/packages/calcite-components/package.json @@ -1,6 +1,6 @@ { "name": "@esri/calcite-components", - "version": "2.2.0-next.17", + "version": "2.2.0-next.18", "homepage": "https://developers.arcgis.com/calcite-design-system/", "description": "Web Components for Esri's Calcite Design System.", "main": "dist/index.cjs.js", From bba4249b76482a1f28873374220596ccf4411561 Mon Sep 17 00:00:00 2001 From: JC Franco Date: Fri, 12 Jan 2024 17:31:53 -0800 Subject: [PATCH 04/36] chore(inline-editable): add missing scale to slotted inputs in demo page (#8600) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit **Related Issue:** N/A ## Summary ✨🖥️🔨✨ --- .../src/demos/inline-editable.html | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/packages/calcite-components/src/demos/inline-editable.html b/packages/calcite-components/src/demos/inline-editable.html index bc434967805..efc2a2cc378 100644 --- a/packages/calcite-components/src/demos/inline-editable.html +++ b/packages/calcite-components/src/demos/inline-editable.html @@ -61,19 +61,19 @@

Inline Editable

- +
- +
- +
@@ -83,7 +83,7 @@

Inline Editable

with controls
- + diff --git a/packages/calcite-components/src/utils/form.e2e.ts b/packages/calcite-components/src/utils/form.e2e.ts new file mode 100644 index 00000000000..96fe0980d2b --- /dev/null +++ b/packages/calcite-components/src/utils/form.e2e.ts @@ -0,0 +1,301 @@ +import { E2EElement, newE2EPage } from "@stencil/core/testing"; +import { html } from "../../support/formatting"; +import { componentsWithInputEvent } from "./form"; + +async function assertValidationIdle(element: E2EElement) { + expect(await element.getProperty("status")).toBe("idle"); + expect(await element.getProperty("validationMessage")).toBe(""); + expect(await element.getProperty("validationIcon")).toBe(false); +} + +async function assertValidationInvalid(element: E2EElement, message: string) { + expect(await element.getProperty("status")).toBe("invalid"); + expect(await element.getProperty("validationMessage")).toBe(message); + expect(element.getAttribute("validation-icon")).toBe(""); +} + +describe("form", () => { + describe("constraint validation", () => { + describe("required property", () => { + const requiredValidationMessage = "Please fill out this field."; + + const getInputEventName = (component: string): string => + component + .split("-") + .map((part: string, index: number) => (index === 0 ? part : `${part[0].toUpperCase()}${part.slice(1)}`)) + .join("") + .concat("Input"); + + for (const component of ["calcite-input", "calcite-input-number", "calcite-input-text"]) { + it(`${component} - enter to submit`, async () => { + const page = await newE2EPage(); + await page.setContent(html` +
+ <${component} required name="${component}"> +
+ `); + + const element = await page.find(component); + + const clearValidationEventName = getInputEventName(component); + const inputEvent = await page.spyOnEvent(clearValidationEventName); + + await element.callMethod("setFocus"); + await page.waitForChanges(); + + await page.keyboard.press("Enter"); + await page.waitForChanges(); + + await assertValidationInvalid(element, requiredValidationMessage); + + await page.keyboard.press("1"); + await page.waitForChanges(); + + expect(inputEvent).toHaveReceivedEventTimes(1); + expect(await element.getProperty("value")).toBe("1"); + + await assertValidationIdle(element); + }); + } + + for (const component of componentsWithInputEvent) { + it(`${component}`, async () => { + const page = await newE2EPage(); + await page.setContent(html` +
+ <${component} required name="${component}"> + Submit +
+ `); + + const submitButton = await page.find("calcite-button"); + const element = await page.find(component); + + const clearValidationEventName = getInputEventName(component); + const inputEvent = await page.spyOnEvent(clearValidationEventName); + + await submitButton.click(); + await page.waitForChanges(); + + await assertValidationInvalid(element, requiredValidationMessage); + + await element.callMethod("setFocus"); + await page.waitForChanges(); + + await page.keyboard.press("1"); + await page.waitForChanges(); + + expect(inputEvent).toHaveReceivedEventTimes(1); + expect(await element.getProperty("value")).toBe("1"); + + await assertValidationIdle(element); + }); + } + + it(`calcite-input-date-picker`, async () => { + const page = await newE2EPage(); + await page.setContent(html` +
+ + Submit +
+ `); + + const submitButton = await page.find("calcite-button"); + const element = await page.find("calcite-input-date-picker"); + const changeEvent = await page.spyOnEvent("calciteInputDatePickerChange"); + + await submitButton.click(); + await page.waitForChanges(); + + await assertValidationInvalid(element, requiredValidationMessage); + + await element.callMethod("setFocus"); + await page.waitForChanges(); + + await page.keyboard.type("12/12/2012"); + await page.keyboard.press("Tab"); + await page.waitForChanges(); + + expect(changeEvent).toHaveReceivedEventTimes(1); + + await assertValidationIdle(element); + }); + + it(`calcite-input-time-picker`, async () => { + const page = await newE2EPage(); + await page.setContent(html` +
+ + Submit +
+ `); + + const submitButton = await page.find("calcite-button"); + const element = await page.find("calcite-input-time-picker"); + const changeEvent = await page.spyOnEvent("calciteInputTimePickerChange"); + + await submitButton.click(); + await page.waitForChanges(); + + await assertValidationInvalid(element, requiredValidationMessage); + + await element.callMethod("setFocus"); + await page.waitForChanges(); + + await page.keyboard.type("12:00 PM"); + await page.keyboard.press("Tab"); + await page.waitForChanges(); + + expect(changeEvent).toHaveReceivedEventTimes(1); + expect(await element.getProperty("value")).toBe("12:00"); + + await assertValidationIdle(element); + }); + + it(`calcite-select`, async () => { + const page = await newE2EPage(); + await page.setContent(html` +
+ + + uno + dos + tres + + Submit +
+ `); + + const submitButton = await page.find("calcite-button"); + const element = await page.find("calcite-select"); + const changeEvent = await page.spyOnEvent("calciteSelectChange"); + + await submitButton.click(); + await page.waitForChanges(); + + await assertValidationInvalid(element, requiredValidationMessage); + + await element.callMethod("setFocus"); + await page.waitForChanges(); + + await page.keyboard.press("ArrowDown"); + await page.waitForChanges(); + + expect(changeEvent).toHaveReceivedEventTimes(1); + expect(await element.getProperty("value")).toBe("uno"); + + await assertValidationIdle(element); + }); + + it(`calcite-combobox`, async () => { + const page = await newE2EPage(); + await page.setContent(html` +
+ + + + Submit +
+ `); + + const submitButton = await page.find("calcite-button"); + const element = await page.find("calcite-combobox"); + const changeEvent = await page.spyOnEvent("calciteComboboxChange"); + + await submitButton.click(); + await page.waitForChanges(); + + await assertValidationInvalid(element, requiredValidationMessage); + + await element.callMethod("setFocus"); + await page.waitForChanges(); + + await page.keyboard.press("Space"); + await page.keyboard.press("Enter"); + await page.waitForChanges(); + + expect(changeEvent).toHaveReceivedEventTimes(1); + expect(await element.getProperty("value")).toBe("Pine"); + await assertValidationIdle(element); + }); + + it.skip(`calcite-radio-button-group`, async () => { + const page = await newE2EPage(); + await page.setContent(html` +
+ + + 1 + + + + 2 + + + + 3 + + + + Submit +
+ `); + + const submitButton = await page.find("calcite-button"); + const element = await page.find("calcite-radio-button-group"); + const changeEvent = await page.spyOnEvent("calciteRadioButtonGroupChange"); + + await submitButton.click(); + await page.waitForChanges(); + + await assertValidationInvalid(element, requiredValidationMessage); + + await element.callMethod("setFocus"); + await page.waitForChanges(); + + await page.keyboard.press("Space"); + await page.waitForChanges(); + + expect(changeEvent).toHaveReceivedEventTimes(1); + expect(await element.getProperty("value")).toBe("1"); + + await assertValidationIdle(element); + }); + + it.skip(`calcite-segmented-control`, async () => { + const page = await newE2EPage(); + await page.setContent(html` +
+ + 1 + 2 + 3 + + Submit +
+ `); + + const submitButton = await page.find("calcite-button"); + const element = await page.find("calcite-segmented-control"); + const changeEvent = await page.spyOnEvent("calciteSegmentedControlChange"); + + await submitButton.click(); + await page.waitForChanges(); + + await assertValidationInvalid(element, requiredValidationMessage); + + await element.callMethod("setFocus"); + await page.waitForChanges(); + + await page.keyboard.press("Space"); + await page.waitForChanges(); + + expect(changeEvent).toHaveReceivedEventTimes(1); + expect(await element.getProperty("value")).toBe("1"); + + await assertValidationIdle(element); + }); + }); + }); +}); diff --git a/packages/calcite-components/src/utils/form.tsx b/packages/calcite-components/src/utils/form.tsx index ab241412434..1476bf9dd29 100644 --- a/packages/calcite-components/src/utils/form.tsx +++ b/packages/calcite-components/src/utils/form.tsx @@ -1,6 +1,17 @@ import { closestElementCrossShadowBoundary, queryElementRoots } from "./dom"; import { FunctionalComponent, h } from "@stencil/core"; +/** + * Any form with a `calciteInput` event needs to be included in this array. + * Exported for testing purposes. + */ +export const componentsWithInputEvent = [ + "calcite-input", + "calcite-input-number", + "calcite-input-text", + "calcite-text-area", +]; + /** * Exported for testing purposes. */ @@ -158,6 +169,55 @@ function hasRegisteredFormComponentParent( return hasRegisteredFormComponentParent; } +function clearFormValidation(component: HTMLCalciteInputElement | FormComponent): void { + "status" in component && (component.status = "idle"); + "validationIcon" in component && (component.validationIcon = false); + "validationMessage" in component && (component.validationMessage = ""); +} + +function setInvalidFormValidation( + component: HTMLCalciteInputElement | FormComponent, + message: string, +): void { + "status" in component && (component.status = "invalid"); + "validationIcon" in component && (component.validationIcon = true); + "validationMessage" in component && (component.validationMessage = message); +} + +function displayValidationMessage(event: Event) { + // target is the hidden input, which is slotted in the actual form component + const hiddenInput = event?.target as HTMLInputElement; + + // not necessarily a calcite-input, but we don't have an HTMLCalciteFormElement type + const formComponent = hiddenInput?.parentElement as HTMLCalciteInputElement; + + const componentTag = formComponent?.nodeName?.toLowerCase(); + const componentTagParts = componentTag?.split("-"); + + if (componentTagParts.length < 2 || componentTagParts[0] !== "calcite") { + return; + } + + // prevent the browser from showing the native validation popover + event?.preventDefault(); + + setInvalidFormValidation(formComponent, hiddenInput?.validationMessage || ""); + + const componentTagCamelCase = componentTagParts + .map((part: string, index: number) => + index === 0 ? part : `${part[0].toUpperCase()}${part.slice(1)}`, + ) + .join(""); + + const clearValidationEvent = `${componentTagCamelCase}${ + componentsWithInputEvent.includes(componentTag) ? "Input" : "Change" + }`; + + formComponent.addEventListener(clearValidationEvent, () => clearFormValidation(formComponent), { + once: true, + }); +} + /** * Helper to submit a form. * @@ -171,7 +231,21 @@ export function submitForm(component: FormOwner): boolean { return false; } + formEl.addEventListener("invalid", displayValidationMessage, true); formEl.requestSubmit(); + formEl.removeEventListener("invalid", displayValidationMessage, true); + + requestAnimationFrame(() => { + const invalidEls = formEl.querySelectorAll("[status=invalid]"); + + // focus the first invalid element that has a validation message + for (const el of invalidEls) { + if ((el as HTMLCalciteInputElement)?.validationMessage) { + (el as HTMLCalciteInputElement)?.setFocus(); + break; + } + } + }); return true; } @@ -225,6 +299,7 @@ export function findAssociatedForm(component: FormOwner): HTMLFormElement | null } function onFormReset(this: FormComponent): void { + clearFormValidation(this); if (isCheckable(this)) { this.checked = this.defaultChecked; return; diff --git a/packages/calcite-components/tsconfig-base.json b/packages/calcite-components/tsconfig-base.json index cc20fd3b604..943a8d4043b 100755 --- a/packages/calcite-components/tsconfig-base.json +++ b/packages/calcite-components/tsconfig-base.json @@ -4,7 +4,7 @@ "allowUnreachableCode": false, "declaration": false, "experimentalDecorators": true, - "lib": ["dom", "es2021"], + "lib": ["dom", "dom.iterable", "es2021"], "moduleResolution": "node", "module": "esnext", "target": "es2020", From f78e1e2df0c95da630d270f5ca5d791ab40a78ed Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" Date: Wed, 17 Jan 2024 01:05:26 +0000 Subject: [PATCH 16/36] chore: release next --- package-lock.json | 10 +++++----- .../projects/component-library/CHANGELOG.md | 4 ++++ .../projects/component-library/package.json | 4 ++-- packages/calcite-components-react/CHANGELOG.md | 4 ++++ packages/calcite-components-react/package.json | 4 ++-- packages/calcite-components/CHANGELOG.md | 6 ++++++ packages/calcite-components/package.json | 2 +- 7 files changed, 24 insertions(+), 10 deletions(-) diff --git a/package-lock.json b/package-lock.json index 6cef5467cbd..36a3c228708 100644 --- a/package-lock.json +++ b/package-lock.json @@ -47192,7 +47192,7 @@ }, "packages/calcite-components": { "name": "@esri/calcite-components", - "version": "2.2.0-next.21", + "version": "2.2.0-next.22", "license": "SEE LICENSE.md", "dependencies": { "@floating-ui/dom": "1.5.3", @@ -47243,10 +47243,10 @@ }, "packages/calcite-components-angular/projects/component-library": { "name": "@esri/calcite-components-angular", - "version": "2.2.0-next.21", + "version": "2.2.0-next.22", "license": "SEE LICENSE.md", "dependencies": { - "@esri/calcite-components": "^2.2.0-next.21", + "@esri/calcite-components": "^2.2.0-next.22", "tslib": "2.6.2" }, "peerDependencies": { @@ -47256,10 +47256,10 @@ }, "packages/calcite-components-react": { "name": "@esri/calcite-components-react", - "version": "2.2.0-next.21", + "version": "2.2.0-next.22", "license": "SEE LICENSE.md", "dependencies": { - "@esri/calcite-components": "^2.2.0-next.21" + "@esri/calcite-components": "^2.2.0-next.22" }, "peerDependencies": { "react": ">=16.7", diff --git a/packages/calcite-components-angular/projects/component-library/CHANGELOG.md b/packages/calcite-components-angular/projects/component-library/CHANGELOG.md index df699a5c6c0..610b3f945f5 100644 --- a/packages/calcite-components-angular/projects/component-library/CHANGELOG.md +++ b/packages/calcite-components-angular/projects/component-library/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [2.2.0-next.22](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.0-next.21...@esri/calcite-components-angular@2.2.0-next.22) (2024-01-17) + +**Note:** Version bump only for package @esri/calcite-components-angular + ## [2.2.0-next.21](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.0-next.20...@esri/calcite-components-angular@2.2.0-next.21) (2024-01-17) **Note:** Version bump only for package @esri/calcite-components-angular diff --git a/packages/calcite-components-angular/projects/component-library/package.json b/packages/calcite-components-angular/projects/component-library/package.json index a00b14f48d4..867a3b531d2 100644 --- a/packages/calcite-components-angular/projects/component-library/package.json +++ b/packages/calcite-components-angular/projects/component-library/package.json @@ -1,6 +1,6 @@ { "name": "@esri/calcite-components-angular", - "version": "2.2.0-next.21", + "version": "2.2.0-next.22", "sideEffects": false, "homepage": "https://developers.arcgis.com/calcite-design-system/", "description": "A set of Angular components that wrap Esri's Calcite Components.", @@ -20,7 +20,7 @@ "@angular/core": ">=16.0.0" }, "dependencies": { - "@esri/calcite-components": "^2.2.0-next.21", + "@esri/calcite-components": "^2.2.0-next.22", "tslib": "2.6.2" }, "lerna": { diff --git a/packages/calcite-components-react/CHANGELOG.md b/packages/calcite-components-react/CHANGELOG.md index 4b61d9f7b04..65eab94a06e 100644 --- a/packages/calcite-components-react/CHANGELOG.md +++ b/packages/calcite-components-react/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [2.2.0-next.22](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.0-next.21...@esri/calcite-components-react@2.2.0-next.22) (2024-01-17) + +**Note:** Version bump only for package @esri/calcite-components-react + ## [2.2.0-next.21](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.0-next.20...@esri/calcite-components-react@2.2.0-next.21) (2024-01-17) **Note:** Version bump only for package @esri/calcite-components-react diff --git a/packages/calcite-components-react/package.json b/packages/calcite-components-react/package.json index 76922729c3a..cc7f9bfb729 100644 --- a/packages/calcite-components-react/package.json +++ b/packages/calcite-components-react/package.json @@ -1,7 +1,7 @@ { "name": "@esri/calcite-components-react", "sideEffects": false, - "version": "2.2.0-next.21", + "version": "2.2.0-next.22", "homepage": "https://developers.arcgis.com/calcite-design-system/", "description": "A set of React components that wrap calcite components", "license": "SEE LICENSE.md", @@ -23,7 +23,7 @@ "dist/" ], "dependencies": { - "@esri/calcite-components": "^2.2.0-next.21" + "@esri/calcite-components": "^2.2.0-next.22" }, "peerDependencies": { "react": ">=16.7", diff --git a/packages/calcite-components/CHANGELOG.md b/packages/calcite-components/CHANGELOG.md index bd038a29561..e2fa9a12e05 100644 --- a/packages/calcite-components/CHANGELOG.md +++ b/packages/calcite-components/CHANGELOG.md @@ -3,6 +3,12 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [2.2.0-next.22](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.21...@esri/calcite-components@2.2.0-next.22) (2024-01-17) + +### Features + +- use input-message to display validation messages for invalid fields after form submission ([#8574](https://github.com/Esri/calcite-design-system/issues/8574)) ([fd392fe](https://github.com/Esri/calcite-design-system/commit/fd392fe5658bf1b08c0bbcbdb74b4e3e47a1d360)), closes [#8000](https://github.com/Esri/calcite-design-system/issues/8000) + ## [2.2.0-next.21](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.20...@esri/calcite-components@2.2.0-next.21) (2024-01-17) ### Features diff --git a/packages/calcite-components/package.json b/packages/calcite-components/package.json index e8f91d45665..ffa8add5ac7 100644 --- a/packages/calcite-components/package.json +++ b/packages/calcite-components/package.json @@ -1,6 +1,6 @@ { "name": "@esri/calcite-components", - "version": "2.2.0-next.21", + "version": "2.2.0-next.22", "homepage": "https://developers.arcgis.com/calcite-design-system/", "description": "Web Components for Esri's Calcite Design System.", "main": "dist/index.cjs.js", From 3709f80dbf70d1261fb9f9bd5c591f7fcf0d0caf Mon Sep 17 00:00:00 2001 From: Calcite Admin Date: Wed, 17 Jan 2024 09:49:30 -0800 Subject: [PATCH 17/36] chore: release main (#8455) :robot: I have created a release *beep* *boop* ---
@esri/calcite-design-tokens: 2.1.1 ## [2.1.1](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-design-tokens@2.1.0...@esri/calcite-design-tokens@2.1.1) (2024-01-17) ### Bug Fixes * Allow users to control tabindex on interactive components ([#8166](https://github.com/Esri/calcite-design-system/issues/8166)) ([b15c052](https://github.com/Esri/calcite-design-system/commit/b15c052335b3c3bcba01cd3a0ec2dfe03588959c)) ### Reverts * Chore(modal): remove e2e tests that are covered by dedicated openClose commonTests helper ([#8392](https://github.com/Esri/calcite-design-system/issues/8392)) ([#8471](https://github.com/Esri/calcite-design-system/issues/8471)) ([4bedf99](https://github.com/Esri/calcite-design-system/commit/4bedf99445e5eaeaa48596bee0c95f650db56260))
@esri/calcite-components: 2.2.0 ## [2.2.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.1.0...@esri/calcite-components@2.2.0) (2024-01-17) ### Features * **action-menu:** Close menu on blur instead of on tab key. ([#8577](https://github.com/Esri/calcite-design-system/issues/8577)) ([ccfbd0c](https://github.com/Esri/calcite-design-system/commit/ccfbd0c69f3f83149808f16dfaa389dc463c2442)) * **checkbox, combobox, input-date-picker, input-time-picker, segmented-control, select:** Add required property ([#8517](https://github.com/Esri/calcite-design-system/issues/8517)) ([72a1ce4](https://github.com/Esri/calcite-design-system/commit/72a1ce4dd8d94ed092c4c24c37e7209eff67e544)) * **handle, block, list-item:** Improve drag handle tooltip to include item label ([#8584](https://github.com/Esri/calcite-design-system/issues/8584)) ([6e643e2](https://github.com/Esri/calcite-design-system/commit/6e643e2f5384174d6b56233230b92a3b7716abab)) * **handle:** Add `blurUnselectDisabled` property to disable unselecting handle on blur. ([#8483](https://github.com/Esri/calcite-design-system/issues/8483)) ([4d665cc](https://github.com/Esri/calcite-design-system/commit/4d665cc2eff668bb0278c0a3a16a0a6bd4d98776)) * **handle:** Add selected property and calciteHandleChange event. ([#8484](https://github.com/Esri/calcite-design-system/issues/8484)) ([d2e9880](https://github.com/Esri/calcite-design-system/commit/d2e9880e7d6949d16f6499151442e09986e7f8b0)) * **list-item:** Add dragSelected property and calciteListItemDragHandleChange event ([#8524](https://github.com/Esri/calcite-design-system/issues/8524)) ([4db2eb7](https://github.com/Esri/calcite-design-system/commit/4db2eb7a33efb7ec8075596f1439760264ed75fb)) * **list-item:** Add tooltip for expanding and collapsing ([#8612](https://github.com/Esri/calcite-design-system/issues/8612)) ([4964491](https://github.com/Esri/calcite-design-system/commit/49644913539edb5734f064b87a4dcd677474f626)) * **list:** Add "filter-no-results" slot to display content when no filtered items are shown ([#8569](https://github.com/Esri/calcite-design-system/issues/8569)) ([f1fc7f6](https://github.com/Esri/calcite-design-system/commit/f1fc7f678e35927f1ef189e581c2713967367ff0)) * **list:** Introduce clearer unselected state ([#8510](https://github.com/Esri/calcite-design-system/issues/8510)) ([f1e836c](https://github.com/Esri/calcite-design-system/commit/f1e836c46af1411853b81c681e41428211e0d900)) * **radio-button-group, segmented control:** Add validationMessage, validationIcon, and status properties ([#8561](https://github.com/Esri/calcite-design-system/issues/8561)) ([d4c5efc](https://github.com/Esri/calcite-design-system/commit/d4c5efcb088a3fc8cb8c1474caf293bcc43f7602)) * Reflect validationIcon property ([#8583](https://github.com/Esri/calcite-design-system/issues/8583)) ([b3d38b3](https://github.com/Esri/calcite-design-system/commit/b3d38b3dcb699c28e36ca32f600117274a36c56b)) * **table-header:** Add style when within a `selected` Table Row ([#8449](https://github.com/Esri/calcite-design-system/issues/8449)) ([13cfe75](https://github.com/Esri/calcite-design-system/commit/13cfe75e0c39f6ab492f5a3eb312c5adc93d18e5)) * **tabs:** Emit selection-related events when selection is modified after closing the selected tab ([#8582](https://github.com/Esri/calcite-design-system/issues/8582)) ([b15c940](https://github.com/Esri/calcite-design-system/commit/b15c940777c6a3ae503a904377d65d80d9a8855b)) * **tile:** Add visual scales ([#8496](https://github.com/Esri/calcite-design-system/issues/8496)) ([7638ec4](https://github.com/Esri/calcite-design-system/commit/7638ec43caf4f443514ca89f678076f91c6d0730)) * Use input-message to display validation messages for invalid fields after form submission ([#8574](https://github.com/Esri/calcite-design-system/issues/8574)) ([fd392fe](https://github.com/Esri/calcite-design-system/commit/fd392fe5658bf1b08c0bbcbdb74b4e3e47a1d360)) ### Bug Fixes * **action:** Update component tokens to support transparent ([#8532](https://github.com/Esri/calcite-design-system/issues/8532)) ([81cb5cc](https://github.com/Esri/calcite-design-system/commit/81cb5cc58d082c5d62d91a5dcaa5cfa8d993e626)) * Allow users to control tabindex on interactive components ([#8166](https://github.com/Esri/calcite-design-system/issues/8166)) ([b15c052](https://github.com/Esri/calcite-design-system/commit/b15c052335b3c3bcba01cd3a0ec2dfe03588959c)) * **button:** Avoid needlessly overwriting title ([#8491](https://github.com/Esri/calcite-design-system/issues/8491)) ([350a983](https://github.com/Esri/calcite-design-system/commit/350a9836ec6b3ee541f0fbb10954589b65f14a13)) * **color-picker:** Emit color change when nudging color channels by using the shift key ([#8579](https://github.com/Esri/calcite-design-system/issues/8579)) ([4250598](https://github.com/Esri/calcite-design-system/commit/425059871e3ecb9a6b73e4592e3a2f695891336b)) * **combobox:** Only allow deleting visible chips with the keyboard ([#8603](https://github.com/Esri/calcite-design-system/issues/8603)) ([2d38241](https://github.com/Esri/calcite-design-system/commit/2d382413b0e89736410e01f9c95ffe151c15506a)) * **date-picker:** Prevent console error when selecting just an end date for input date picker ([#8444](https://github.com/Esri/calcite-design-system/issues/8444)) ([c0e51c3](https://github.com/Esri/calcite-design-system/commit/c0e51c393ef0bf52ca6164108df8bcac595bcebd)) * **filter:** Prevent console warning from displaying to end users ([#8458](https://github.com/Esri/calcite-design-system/issues/8458)) ([0de7646](https://github.com/Esri/calcite-design-system/commit/0de7646aaf9c93923a7e55c02fc396448d2234f2)) * **input-date-picker:** Ensure range icon toggles open corresponding date-picker ([#8554](https://github.com/Esri/calcite-design-system/issues/8554)) ([cfafd15](https://github.com/Esri/calcite-design-system/commit/cfafd158af72a7393793ec845ea457bdf2a14451)) * **input-date-picker:** Resolve a hard to reproduce number formatter caching issue that occurred due to the countdown delay in queued Alerts. ([5f4fa3e](https://github.com/Esri/calcite-design-system/commit/5f4fa3ed0a7f92b463be475476145b201c68b372)) * **input-message:** Add missing margin to scale="s", spacing CSS variable has effect ([#8592](https://github.com/Esri/calcite-design-system/issues/8592)) ([49b0a20](https://github.com/Esri/calcite-design-system/commit/49b0a206eadfa193fa581f8c874a0b957bfb2c88)) * **input, input-number, input-text:** Restore focus on input after browser validation error is displayed and user continues typing ([#8563](https://github.com/Esri/calcite-design-system/issues/8563)) ([5897965](https://github.com/Esri/calcite-design-system/commit/5897965a917dc0e329658de43670cc7fd020bd9c)) * **input, input-number:** Support setting value property to Infinity ([#8547](https://github.com/Esri/calcite-design-system/issues/8547)) ([f6ac698](https://github.com/Esri/calcite-design-system/commit/f6ac698435fd0a28d22d8f410ab5a45c1c951c00)) * **list-item:** Store last focused cell from focusing on elements within a cell. ([#8494](https://github.com/Esri/calcite-design-system/issues/8494)) ([28f93b4](https://github.com/Esri/calcite-design-system/commit/28f93b43036affcdb29d07c12f0cb910329d4b8c)) * **list, list-item, list-item-group:** Honor hidden attribute on list-item and list-item-group ([#8541](https://github.com/Esri/calcite-design-system/issues/8541)) ([3851dc6](https://github.com/Esri/calcite-design-system/commit/3851dc63c60dd0ca44ca26406a9c4e5c5f552853)) * **list:** Correct selectedItems value when list is filtered ([#8481](https://github.com/Esri/calcite-design-system/issues/8481)) ([9de1922](https://github.com/Esri/calcite-design-system/commit/9de192221f3040a0c9e58bbace1794ac16515a71)) * **list:** Fix event detail newIndex when down arrow pressed to sort ([#8462](https://github.com/Esri/calcite-design-system/issues/8462)) ([b3d5169](https://github.com/Esri/calcite-design-system/commit/b3d5169a1aa8cc517ef17b3c4675126925d13603)) * **list:** Fix keyboard arrow navigation ([#8470](https://github.com/Esri/calcite-design-system/issues/8470)) ([57fdaa4](https://github.com/Esri/calcite-design-system/commit/57fdaa4392b29890be6e5af439168b621b3b5a9e)) * **modal:** Ensure focus trapping in dynamically created, subsequently opened modals ([#8593](https://github.com/Esri/calcite-design-system/issues/8593)) ([4ec6b94](https://github.com/Esri/calcite-design-system/commit/4ec6b948d4d26a07b6acf92a0c760746fe853162)) * **table:** Fix double border on `bordered` Table Rows in `table-footer` ([#8509](https://github.com/Esri/calcite-design-system/issues/8509)) ([c16ea33](https://github.com/Esri/calcite-design-system/commit/c16ea335c1d3b8663e4a0f51012d071f93c1b476)) * **table:** Improve Table overflow behavior ([#8424](https://github.com/Esri/calcite-design-system/issues/8424)) ([79743e1](https://github.com/Esri/calcite-design-system/commit/79743e1710d88b99e31627a41a82524bdbcbc69f)) * **text-area:** Prevent infinite render loop when `max-length` property is defined ([#8610](https://github.com/Esri/calcite-design-system/issues/8610)) ([f30d933](https://github.com/Esri/calcite-design-system/commit/f30d9330fe4ed071891b2d7b18013c056c5ebc0d)) ### Reverts * Chore(modal): remove e2e tests that are covered by dedicated openClose commonTests helper ([#8392](https://github.com/Esri/calcite-design-system/issues/8392)) ([#8471](https://github.com/Esri/calcite-design-system/issues/8471)) ([4bedf99](https://github.com/Esri/calcite-design-system/commit/4bedf99445e5eaeaa48596bee0c95f650db56260)) ### Dependencies * The following workspace dependencies were updated * devDependencies * @esri/calcite-design-tokens bumped from ^2.1.1-next.4 to ^2.1.1
@esri/calcite-components-angular: 2.2.0 ## [2.2.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.1.0...@esri/calcite-components-angular@2.2.0) (2024-01-17) ### Miscellaneous Chores * **@esri/calcite-components-angular:** Synchronize undefined versions ### Dependencies * The following workspace dependencies were updated * dependencies * @esri/calcite-components bumped from ^2.2.0-next.22 to ^2.2.0
@esri/calcite-components-react: 2.2.0 ## [2.2.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.1.0...@esri/calcite-components-react@2.2.0) (2024-01-17) ### Miscellaneous Chores * **@esri/calcite-components-react:** Synchronize undefined versions ### Dependencies * The following workspace dependencies were updated * dependencies * @esri/calcite-components bumped from ^2.2.0-next.22 to ^2.2.0
--- This PR was generated with [Release Please](https://github.com/googleapis/release-please). See [documentation](https://github.com/googleapis/release-please#release-please). --------- Co-authored-by: github-actions[bot] --- .release-please-manifest.json | 8 +- package-lock.json | 14 +- .../projects/component-library/CHANGELOG.md | 94 +------- .../projects/component-library/package.json | 4 +- .../calcite-components-react/CHANGELOG.md | 94 +------- .../calcite-components-react/package.json | 4 +- packages/calcite-components/CHANGELOG.md | 204 ++++-------------- packages/calcite-components/package.json | 4 +- packages/calcite-components/readme.md | 4 +- packages/calcite-design-tokens/CHANGELOG.md | 22 +- packages/calcite-design-tokens/package.json | 2 +- 11 files changed, 82 insertions(+), 372 deletions(-) diff --git a/.release-please-manifest.json b/.release-please-manifest.json index 7e3b8dbd15e..00674c422b9 100644 --- a/.release-please-manifest.json +++ b/.release-please-manifest.json @@ -1,7 +1,7 @@ { - "packages/calcite-components": "2.1.0", - "packages/calcite-components-react": "2.1.0", - "packages/calcite-design-tokens": "2.1.0", + "packages/calcite-components": "2.2.0", + "packages/calcite-components-react": "2.2.0", + "packages/calcite-design-tokens": "2.1.1", "packages/eslint-plugin-calcite-components": "1.0.0", - "packages/calcite-components-angular/projects/component-library": "2.1.0" + "packages/calcite-components-angular/projects/component-library": "2.2.0" } diff --git a/package-lock.json b/package-lock.json index 36a3c228708..293c1ac7c02 100644 --- a/package-lock.json +++ b/package-lock.json @@ -47192,7 +47192,7 @@ }, "packages/calcite-components": { "name": "@esri/calcite-components", - "version": "2.2.0-next.22", + "version": "2.2.0", "license": "SEE LICENSE.md", "dependencies": { "@floating-ui/dom": "1.5.3", @@ -47208,7 +47208,7 @@ "timezone-groups": "0.8.0" }, "devDependencies": { - "@esri/calcite-design-tokens": "^2.1.1-next.4", + "@esri/calcite-design-tokens": "^2.1.1", "@esri/calcite-ui-icons": "3.25.3", "@esri/eslint-plugin-calcite-components": "^1.0.1-next.2", "@stencil-community/eslint-plugin": "0.7.1", @@ -47243,10 +47243,10 @@ }, "packages/calcite-components-angular/projects/component-library": { "name": "@esri/calcite-components-angular", - "version": "2.2.0-next.22", + "version": "2.2.0", "license": "SEE LICENSE.md", "dependencies": { - "@esri/calcite-components": "^2.2.0-next.22", + "@esri/calcite-components": "^2.2.0", "tslib": "2.6.2" }, "peerDependencies": { @@ -47256,10 +47256,10 @@ }, "packages/calcite-components-react": { "name": "@esri/calcite-components-react", - "version": "2.2.0-next.22", + "version": "2.2.0", "license": "SEE LICENSE.md", "dependencies": { - "@esri/calcite-components": "^2.2.0-next.22" + "@esri/calcite-components": "^2.2.0" }, "peerDependencies": { "react": ">=16.7", @@ -47268,7 +47268,7 @@ }, "packages/calcite-design-tokens": { "name": "@esri/calcite-design-tokens", - "version": "2.1.1-next.4", + "version": "2.1.1", "devDependencies": { "ts-jest-resolver": "2.0.1", "ts-node": "10.9.2" diff --git a/packages/calcite-components-angular/projects/component-library/CHANGELOG.md b/packages/calcite-components-angular/projects/component-library/CHANGELOG.md index 610b3f945f5..266f93ca231 100644 --- a/packages/calcite-components-angular/projects/component-library/CHANGELOG.md +++ b/packages/calcite-components-angular/projects/component-library/CHANGELOG.md @@ -3,97 +3,17 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. -## [2.2.0-next.22](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.0-next.21...@esri/calcite-components-angular@2.2.0-next.22) (2024-01-17) +## [2.2.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.1.0...@esri/calcite-components-angular@2.2.0) (2024-01-17) -**Note:** Version bump only for package @esri/calcite-components-angular - -## [2.2.0-next.21](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.0-next.20...@esri/calcite-components-angular@2.2.0-next.21) (2024-01-17) - -**Note:** Version bump only for package @esri/calcite-components-angular - -## [2.2.0-next.20](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.0-next.19...@esri/calcite-components-angular@2.2.0-next.20) (2024-01-16) - -**Note:** Version bump only for package @esri/calcite-components-angular - -## [2.2.0-next.19](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.0-next.18...@esri/calcite-components-angular@2.2.0-next.19) (2024-01-16) - -**Note:** Version bump only for package @esri/calcite-components-angular - -## [2.2.0-next.18](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.0-next.17...@esri/calcite-components-angular@2.2.0-next.18) (2024-01-12) - -**Note:** Version bump only for package @esri/calcite-components-angular - -## [2.2.0-next.17](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.0-next.16...@esri/calcite-components-angular@2.2.0-next.17) (2024-01-11) - -**Note:** Version bump only for package @esri/calcite-components-angular - -## [2.2.0-next.16](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.0-next.15...@esri/calcite-components-angular@2.2.0-next.16) (2024-01-10) - -**Note:** Version bump only for package @esri/calcite-components-angular - -## [2.2.0-next.15](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.0-next.14...@esri/calcite-components-angular@2.2.0-next.15) (2024-01-10) - -**Note:** Version bump only for package @esri/calcite-components-angular - -## [2.2.0-next.14](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.0-next.13...@esri/calcite-components-angular@2.2.0-next.14) (2024-01-09) - -**Note:** Version bump only for package @esri/calcite-components-angular - -## [2.2.0-next.13](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.0-next.12...@esri/calcite-components-angular@2.2.0-next.13) (2024-01-09) - -**Note:** Version bump only for package @esri/calcite-components-angular - -## [2.2.0-next.12](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.0-next.11...@esri/calcite-components-angular@2.2.0-next.12) (2024-01-09) - -**Note:** Version bump only for package @esri/calcite-components-angular - -## [2.2.0-next.11](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.0-next.10...@esri/calcite-components-angular@2.2.0-next.11) (2024-01-05) - -**Note:** Version bump only for package @esri/calcite-components-angular - -## [2.2.0-next.10](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.0-next.9...@esri/calcite-components-angular@2.2.0-next.10) (2024-01-02) - -**Note:** Version bump only for package @esri/calcite-components-angular - -## [2.2.0-next.9](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.0-next.8...@esri/calcite-components-angular@2.2.0-next.9) (2024-01-02) - -**Note:** Version bump only for package @esri/calcite-components-angular - -## [2.2.0-next.8](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.0-next.7...@esri/calcite-components-angular@2.2.0-next.8) (2023-12-28) - -**Note:** Version bump only for package @esri/calcite-components-angular - -## [2.2.0-next.7](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.0-next.6...@esri/calcite-components-angular@2.2.0-next.7) (2023-12-28) - -**Note:** Version bump only for package @esri/calcite-components-angular - -## [2.2.0-next.6](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.0-next.5...@esri/calcite-components-angular@2.2.0-next.6) (2023-12-27) - -**Note:** Version bump only for package @esri/calcite-components-angular - -## [2.2.0-next.5](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.0-next.4...@esri/calcite-components-angular@2.2.0-next.5) (2023-12-27) - -**Note:** Version bump only for package @esri/calcite-components-angular - -## [2.2.0-next.4](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.0-next.3...@esri/calcite-components-angular@2.2.0-next.4) (2023-12-21) - -**Note:** Version bump only for package @esri/calcite-components-angular - -## [2.2.0-next.3](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.0-next.2...@esri/calcite-components-angular@2.2.0-next.3) (2023-12-21) - -**Note:** Version bump only for package @esri/calcite-components-angular - -## [2.2.0-next.2](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.0-next.1...@esri/calcite-components-angular@2.2.0-next.2) (2023-12-20) - -**Note:** Version bump only for package @esri/calcite-components-angular - -## [2.2.0-next.1](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.0-next.0...@esri/calcite-components-angular@2.2.0-next.1) (2023-12-20) +### Miscellaneous Chores -**Note:** Version bump only for package @esri/calcite-components-angular +- **@esri/calcite-components-angular:** Synchronize undefined versions -## [2.2.0-next.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.1.0...@esri/calcite-components-angular@2.2.0-next.0) (2023-12-19) +### Dependencies -**Note:** Version bump only for package @esri/calcite-components-angular +- The following workspace dependencies were updated + - dependencies + - @esri/calcite-components bumped from ^2.2.0-next.22 to ^2.2.0 ## [2.1.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.0.0...@esri/calcite-components-angular@2.1.0) (2023-12-19) diff --git a/packages/calcite-components-angular/projects/component-library/package.json b/packages/calcite-components-angular/projects/component-library/package.json index 867a3b531d2..0093aacd2e2 100644 --- a/packages/calcite-components-angular/projects/component-library/package.json +++ b/packages/calcite-components-angular/projects/component-library/package.json @@ -1,6 +1,6 @@ { "name": "@esri/calcite-components-angular", - "version": "2.2.0-next.22", + "version": "2.2.0", "sideEffects": false, "homepage": "https://developers.arcgis.com/calcite-design-system/", "description": "A set of Angular components that wrap Esri's Calcite Components.", @@ -20,7 +20,7 @@ "@angular/core": ">=16.0.0" }, "dependencies": { - "@esri/calcite-components": "^2.2.0-next.22", + "@esri/calcite-components": "^2.2.0", "tslib": "2.6.2" }, "lerna": { diff --git a/packages/calcite-components-react/CHANGELOG.md b/packages/calcite-components-react/CHANGELOG.md index 65eab94a06e..f5f45a64c16 100644 --- a/packages/calcite-components-react/CHANGELOG.md +++ b/packages/calcite-components-react/CHANGELOG.md @@ -3,97 +3,17 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. -## [2.2.0-next.22](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.0-next.21...@esri/calcite-components-react@2.2.0-next.22) (2024-01-17) +## [2.2.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.1.0...@esri/calcite-components-react@2.2.0) (2024-01-17) -**Note:** Version bump only for package @esri/calcite-components-react - -## [2.2.0-next.21](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.0-next.20...@esri/calcite-components-react@2.2.0-next.21) (2024-01-17) - -**Note:** Version bump only for package @esri/calcite-components-react - -## [2.2.0-next.20](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.0-next.19...@esri/calcite-components-react@2.2.0-next.20) (2024-01-16) - -**Note:** Version bump only for package @esri/calcite-components-react - -## [2.2.0-next.19](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.0-next.18...@esri/calcite-components-react@2.2.0-next.19) (2024-01-16) - -**Note:** Version bump only for package @esri/calcite-components-react - -## [2.2.0-next.18](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.0-next.17...@esri/calcite-components-react@2.2.0-next.18) (2024-01-12) - -**Note:** Version bump only for package @esri/calcite-components-react - -## [2.2.0-next.17](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.0-next.16...@esri/calcite-components-react@2.2.0-next.17) (2024-01-11) - -**Note:** Version bump only for package @esri/calcite-components-react - -## [2.2.0-next.16](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.0-next.15...@esri/calcite-components-react@2.2.0-next.16) (2024-01-10) - -**Note:** Version bump only for package @esri/calcite-components-react - -## [2.2.0-next.15](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.0-next.14...@esri/calcite-components-react@2.2.0-next.15) (2024-01-10) - -**Note:** Version bump only for package @esri/calcite-components-react - -## [2.2.0-next.14](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.0-next.13...@esri/calcite-components-react@2.2.0-next.14) (2024-01-09) - -**Note:** Version bump only for package @esri/calcite-components-react - -## [2.2.0-next.13](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.0-next.12...@esri/calcite-components-react@2.2.0-next.13) (2024-01-09) - -**Note:** Version bump only for package @esri/calcite-components-react - -## [2.2.0-next.12](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.0-next.11...@esri/calcite-components-react@2.2.0-next.12) (2024-01-09) - -**Note:** Version bump only for package @esri/calcite-components-react - -## [2.2.0-next.11](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.0-next.10...@esri/calcite-components-react@2.2.0-next.11) (2024-01-05) - -**Note:** Version bump only for package @esri/calcite-components-react - -## [2.2.0-next.10](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.0-next.9...@esri/calcite-components-react@2.2.0-next.10) (2024-01-02) - -**Note:** Version bump only for package @esri/calcite-components-react - -## [2.2.0-next.9](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.0-next.8...@esri/calcite-components-react@2.2.0-next.9) (2024-01-02) - -**Note:** Version bump only for package @esri/calcite-components-react - -## [2.2.0-next.8](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.0-next.7...@esri/calcite-components-react@2.2.0-next.8) (2023-12-28) - -**Note:** Version bump only for package @esri/calcite-components-react - -## [2.2.0-next.7](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.0-next.6...@esri/calcite-components-react@2.2.0-next.7) (2023-12-28) - -**Note:** Version bump only for package @esri/calcite-components-react - -## [2.2.0-next.6](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.0-next.5...@esri/calcite-components-react@2.2.0-next.6) (2023-12-27) - -**Note:** Version bump only for package @esri/calcite-components-react - -## [2.2.0-next.5](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.0-next.4...@esri/calcite-components-react@2.2.0-next.5) (2023-12-27) - -**Note:** Version bump only for package @esri/calcite-components-react - -## [2.2.0-next.4](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.0-next.3...@esri/calcite-components-react@2.2.0-next.4) (2023-12-21) - -**Note:** Version bump only for package @esri/calcite-components-react - -## [2.2.0-next.3](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.0-next.2...@esri/calcite-components-react@2.2.0-next.3) (2023-12-21) - -**Note:** Version bump only for package @esri/calcite-components-react - -## [2.2.0-next.2](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.0-next.1...@esri/calcite-components-react@2.2.0-next.2) (2023-12-20) - -**Note:** Version bump only for package @esri/calcite-components-react - -## [2.2.0-next.1](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.0-next.0...@esri/calcite-components-react@2.2.0-next.1) (2023-12-20) +### Miscellaneous Chores -**Note:** Version bump only for package @esri/calcite-components-react +- **@esri/calcite-components-react:** Synchronize undefined versions -## [2.2.0-next.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.1.0...@esri/calcite-components-react@2.2.0-next.0) (2023-12-19) +### Dependencies -**Note:** Version bump only for package @esri/calcite-components-react +- The following workspace dependencies were updated + - dependencies + - @esri/calcite-components bumped from ^2.2.0-next.22 to ^2.2.0 ## [2.1.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.0.0...@esri/calcite-components-react@2.1.0) (2023-12-19) diff --git a/packages/calcite-components-react/package.json b/packages/calcite-components-react/package.json index cc7f9bfb729..53a37e38eaf 100644 --- a/packages/calcite-components-react/package.json +++ b/packages/calcite-components-react/package.json @@ -1,7 +1,7 @@ { "name": "@esri/calcite-components-react", "sideEffects": false, - "version": "2.2.0-next.22", + "version": "2.2.0", "homepage": "https://developers.arcgis.com/calcite-design-system/", "description": "A set of React components that wrap calcite components", "license": "SEE LICENSE.md", @@ -23,7 +23,7 @@ "dist/" ], "dependencies": { - "@esri/calcite-components": "^2.2.0-next.22" + "@esri/calcite-components": "^2.2.0" }, "peerDependencies": { "react": ">=16.7", diff --git a/packages/calcite-components/CHANGELOG.md b/packages/calcite-components/CHANGELOG.md index e2fa9a12e05..8d81f726dce 100644 --- a/packages/calcite-components/CHANGELOG.md +++ b/packages/calcite-components/CHANGELOG.md @@ -3,175 +3,59 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. -## [2.2.0-next.22](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.21...@esri/calcite-components@2.2.0-next.22) (2024-01-17) - -### Features - -- use input-message to display validation messages for invalid fields after form submission ([#8574](https://github.com/Esri/calcite-design-system/issues/8574)) ([fd392fe](https://github.com/Esri/calcite-design-system/commit/fd392fe5658bf1b08c0bbcbdb74b4e3e47a1d360)), closes [#8000](https://github.com/Esri/calcite-design-system/issues/8000) - -## [2.2.0-next.21](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.20...@esri/calcite-components@2.2.0-next.21) (2024-01-17) - -### Features - -- **list-item:** Add tooltip for expanding and collapsing ([#8612](https://github.com/Esri/calcite-design-system/issues/8612)) ([4964491](https://github.com/Esri/calcite-design-system/commit/49644913539edb5734f064b87a4dcd677474f626)), closes [#8613](https://github.com/Esri/calcite-design-system/issues/8613) - -### Bug Fixes - -- **combobox:** only allow deleting visible chips with the keyboard ([#8603](https://github.com/Esri/calcite-design-system/issues/8603)) ([2d38241](https://github.com/Esri/calcite-design-system/commit/2d382413b0e89736410e01f9c95ffe151c15506a)), closes [#8469](https://github.com/Esri/calcite-design-system/issues/8469) -- **modal:** ensure focus trapping in dynamically created, subsequently opened modals ([#8593](https://github.com/Esri/calcite-design-system/issues/8593)) ([4ec6b94](https://github.com/Esri/calcite-design-system/commit/4ec6b948d4d26a07b6acf92a0c760746fe853162)), closes [#8340](https://github.com/Esri/calcite-design-system/issues/8340) [/github.com/Esri/calcite-design-system/blob/main/packages/calcite-components/src/components/modal/modal.tsx#L519-L523](https://github.com/Esri//github.com/Esri/calcite-design-system/blob/main/packages/calcite-components/src/components/modal/modal.tsx/issues/L519-L523) [/github.com/Esri/calcite-design-system/blob/main/packages/calcite-components/src/components/modal/modal.tsx#L489](https://github.com/Esri//github.com/Esri/calcite-design-system/blob/main/packages/calcite-components/src/components/modal/modal.tsx/issues/L489) - -## [2.2.0-next.20](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.19...@esri/calcite-components@2.2.0-next.20) (2024-01-16) - -### Features - -- **radio-button-group, segmented control:** add validationMessage, validationIcon, and status properties ([#8561](https://github.com/Esri/calcite-design-system/issues/8561)) ([d4c5efc](https://github.com/Esri/calcite-design-system/commit/d4c5efcb088a3fc8cb8c1474caf293bcc43f7602)), closes [#8057](https://github.com/Esri/calcite-design-system/issues/8057) - -## [2.2.0-next.19](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.18...@esri/calcite-components@2.2.0-next.19) (2024-01-16) - -### Bug Fixes - -- **text-area:** prevent infinite render loop when `max-length` property is defined ([#8610](https://github.com/Esri/calcite-design-system/issues/8610)) ([f30d933](https://github.com/Esri/calcite-design-system/commit/f30d9330fe4ed071891b2d7b18013c056c5ebc0d)), closes [#7968](https://github.com/Esri/calcite-design-system/issues/7968) - -## [2.2.0-next.18](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.17...@esri/calcite-components@2.2.0-next.18) (2024-01-12) - -### Features - -- **handle, block, list-item:** improve drag handle tooltip to include item label ([#8584](https://github.com/Esri/calcite-design-system/issues/8584)) ([6e643e2](https://github.com/Esri/calcite-design-system/commit/6e643e2f5384174d6b56233230b92a3b7716abab)), closes [#8581](https://github.com/Esri/calcite-design-system/issues/8581) -- **tile:** add visual scales ([#8496](https://github.com/Esri/calcite-design-system/issues/8496)) ([7638ec4](https://github.com/Esri/calcite-design-system/commit/7638ec43caf4f443514ca89f678076f91c6d0730)), closes [#4759](https://github.com/Esri/calcite-design-system/issues/4759) - -### Bug Fixes - -- **input-message:** add missing margin to scale="s", spacing CSS variable has effect ([#8592](https://github.com/Esri/calcite-design-system/issues/8592)) ([49b0a20](https://github.com/Esri/calcite-design-system/commit/49b0a206eadfa193fa581f8c874a0b957bfb2c88)), closes [/github.com/Esri/calcite-design-system/pull/8561#issuecomment-1887992460](https://github.com/Esri//github.com/Esri/calcite-design-system/pull/8561/issues/issuecomment-1887992460) - -## [2.2.0-next.17](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.16...@esri/calcite-components@2.2.0-next.17) (2024-01-11) - -### Features - -- reflect validationIcon property ([#8583](https://github.com/Esri/calcite-design-system/issues/8583)) ([b3d38b3](https://github.com/Esri/calcite-design-system/commit/b3d38b3dcb699c28e36ca32f600117274a36c56b)), closes [#8057](https://github.com/Esri/calcite-design-system/issues/8057) [/github.com/Esri/calcite-design-system/pull/8561#issuecomment-1884074225](https://github.com/Esri//github.com/Esri/calcite-design-system/pull/8561/issues/issuecomment-1884074225) [/github.com/Esri/calcite-design-system/pull/8561#issuecomment-1879355882](https://github.com/Esri//github.com/Esri/calcite-design-system/pull/8561/issues/issuecomment-1879355882) - -## [2.2.0-next.16](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.15...@esri/calcite-components@2.2.0-next.16) (2024-01-10) - -### Features - -- **tabs:** emit selection-related events when selection is modified after closing the selected tab ([#8582](https://github.com/Esri/calcite-design-system/issues/8582)) ([b15c940](https://github.com/Esri/calcite-design-system/commit/b15c940777c6a3ae503a904377d65d80d9a8855b)), closes [#7221](https://github.com/Esri/calcite-design-system/issues/7221) - -## [2.2.0-next.15](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.14...@esri/calcite-components@2.2.0-next.15) (2024-01-10) +## [2.2.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.1.0...@esri/calcite-components@2.2.0) (2024-01-17) ### Features - **action-menu:** Close menu on blur instead of on tab key. ([#8577](https://github.com/Esri/calcite-design-system/issues/8577)) ([ccfbd0c](https://github.com/Esri/calcite-design-system/commit/ccfbd0c69f3f83149808f16dfaa389dc463c2442)) - -### Bug Fixes - -- **input, input-number:** support setting value property to Infinity ([#8547](https://github.com/Esri/calcite-design-system/issues/8547)) ([f6ac698](https://github.com/Esri/calcite-design-system/commit/f6ac698435fd0a28d22d8f410ab5a45c1c951c00)), closes [#7866](https://github.com/Esri/calcite-design-system/issues/7866) - -## [2.2.0-next.14](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.13...@esri/calcite-components@2.2.0-next.14) (2024-01-09) - -### Bug Fixes - -- **color-picker:** emit color change when nudging color channels by using the shift key ([#8579](https://github.com/Esri/calcite-design-system/issues/8579)) ([4250598](https://github.com/Esri/calcite-design-system/commit/425059871e3ecb9a6b73e4592e3a2f695891336b)), closes [#7351](https://github.com/Esri/calcite-design-system/issues/7351) - -## [2.2.0-next.13](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.12...@esri/calcite-components@2.2.0-next.13) (2024-01-09) - -### Features - -- **checkbox, combobox, input-date-picker, input-time-picker, segmented-control, select:** add required property ([#8517](https://github.com/Esri/calcite-design-system/issues/8517)) ([72a1ce4](https://github.com/Esri/calcite-design-system/commit/72a1ce4dd8d94ed092c4c24c37e7209eff67e544)), closes [#8057](https://github.com/Esri/calcite-design-system/issues/8057) -- **list:** Add "filter-no-results" slot to display content when no filtered items are shown ([#8569](https://github.com/Esri/calcite-design-system/issues/8569)) ([f1fc7f6](https://github.com/Esri/calcite-design-system/commit/f1fc7f678e35927f1ef189e581c2713967367ff0)), closes [#8564](https://github.com/Esri/calcite-design-system/issues/8564) - -## [2.2.0-next.12](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.11...@esri/calcite-components@2.2.0-next.12) (2024-01-09) - -### Bug Fixes - -- **action:** update component tokens to support transparent ([#8532](https://github.com/Esri/calcite-design-system/issues/8532)) ([81cb5cc](https://github.com/Esri/calcite-design-system/commit/81cb5cc58d082c5d62d91a5dcaa5cfa8d993e626)), closes [#8519](https://github.com/Esri/calcite-design-system/issues/8519) -- **input, input-number, input-text:** restore focus on input after browser validation error is displayed and user continues typing ([#8563](https://github.com/Esri/calcite-design-system/issues/8563)) ([5897965](https://github.com/Esri/calcite-design-system/commit/5897965a917dc0e329658de43670cc7fd020bd9c)), closes [#8072](https://github.com/Esri/calcite-design-system/issues/8072) - -## [2.2.0-next.11](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.10...@esri/calcite-components@2.2.0-next.11) (2024-01-05) - -### Bug Fixes - -- **button:** avoid needlessly overwriting title ([#8491](https://github.com/Esri/calcite-design-system/issues/8491)) ([350a983](https://github.com/Esri/calcite-design-system/commit/350a9836ec6b3ee541f0fbb10954589b65f14a13)), closes [#8417](https://github.com/Esri/calcite-design-system/issues/8417) -- **input-date-picker:** ensure range icon toggles open corresponding date-picker ([#8554](https://github.com/Esri/calcite-design-system/issues/8554)) ([cfafd15](https://github.com/Esri/calcite-design-system/commit/cfafd158af72a7393793ec845ea457bdf2a14451)), closes [#7965](https://github.com/Esri/calcite-design-system/issues/7965) -- **list, list-item, list-item-group:** honor hidden attribute on list-item and list-item-group ([#8541](https://github.com/Esri/calcite-design-system/issues/8541)) ([3851dc6](https://github.com/Esri/calcite-design-system/commit/3851dc63c60dd0ca44ca26406a9c4e5c5f552853)), closes [#8539](https://github.com/Esri/calcite-design-system/issues/8539) - -## [2.2.0-next.10](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.9...@esri/calcite-components@2.2.0-next.10) (2024-01-02) - -### Features - -- **list-item:** Add dragSelected property and calciteListItemDragHandleChange event ([#8524](https://github.com/Esri/calcite-design-system/issues/8524)) ([4db2eb7](https://github.com/Esri/calcite-design-system/commit/4db2eb7a33efb7ec8075596f1439760264ed75fb)), closes [#8523](https://github.com/Esri/calcite-design-system/issues/8523) [#8484](https://github.com/Esri/calcite-design-system/issues/8484) - -## [2.2.0-next.9](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.8...@esri/calcite-components@2.2.0-next.9) (2024-01-02) - -### Features - -- **handle:** add selected property and calciteHandleChange event. ([#8484](https://github.com/Esri/calcite-design-system/issues/8484)) ([d2e9880](https://github.com/Esri/calcite-design-system/commit/d2e9880e7d6949d16f6499151442e09986e7f8b0)), closes [#8522](https://github.com/Esri/calcite-design-system/issues/8522) [#8483](https://github.com/Esri/calcite-design-system/issues/8483) -- **list:** Introduce clearer unselected state ([#8510](https://github.com/Esri/calcite-design-system/issues/8510)) ([f1e836c](https://github.com/Esri/calcite-design-system/commit/f1e836c46af1411853b81c681e41428211e0d900)), closes [#6700](https://github.com/Esri/calcite-design-system/issues/6700) - -### Bug Fixes - -- **input-date-picker:** hard to reproduce numbering-system caching issue ([#8518](https://github.com/Esri/calcite-design-system/issues/8518)) ([5f4fa3e](https://github.com/Esri/calcite-design-system/commit/5f4fa3ed0a7f92b463be475476145b201c68b372)), closes [#7958](https://github.com/Esri/calcite-design-system/issues/7958) - -## [2.2.0-next.8](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.7...@esri/calcite-components@2.2.0-next.8) (2023-12-28) - -### Bug Fixes - -- **table:** Fix double border on `bordered` Table Rows in `table-footer` ([#8509](https://github.com/Esri/calcite-design-system/issues/8509)) ([c16ea33](https://github.com/Esri/calcite-design-system/commit/c16ea335c1d3b8663e4a0f51012d071f93c1b476)), closes [#8508](https://github.com/Esri/calcite-design-system/issues/8508) - -## [2.2.0-next.7](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.6...@esri/calcite-components@2.2.0-next.7) (2023-12-28) - -### Features - -- **handle:** Add `blurUnselectDisabled` property to disable unselecting handle on blur. ([#8483](https://github.com/Esri/calcite-design-system/issues/8483)) ([4d665cc](https://github.com/Esri/calcite-design-system/commit/4d665cc2eff668bb0278c0a3a16a0a6bd4d98776)), closes [#8485](https://github.com/Esri/calcite-design-system/issues/8485) - -## [2.2.0-next.6](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.5...@esri/calcite-components@2.2.0-next.6) (2023-12-27) - -### Bug Fixes - -- **list-item:** store last focused cell from focusing on elements within a cell. ([#8494](https://github.com/Esri/calcite-design-system/issues/8494)) ([28f93b4](https://github.com/Esri/calcite-design-system/commit/28f93b43036affcdb29d07c12f0cb910329d4b8c)), closes [#8493](https://github.com/Esri/calcite-design-system/issues/8493) - -## [2.2.0-next.5](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.4...@esri/calcite-components@2.2.0-next.5) (2023-12-27) - -### Bug Fixes - -- **list:** correct selectedItems value when list is filtered ([#8481](https://github.com/Esri/calcite-design-system/issues/8481)) ([9de1922](https://github.com/Esri/calcite-design-system/commit/9de192221f3040a0c9e58bbace1794ac16515a71)), closes [#8468](https://github.com/Esri/calcite-design-system/issues/8468) - -## [2.2.0-next.4](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.3...@esri/calcite-components@2.2.0-next.4) (2023-12-21) - -### Bug Fixes - -- **list:** fix keyboard arrow navigation ([#8470](https://github.com/Esri/calcite-design-system/issues/8470)) ([57fdaa4](https://github.com/Esri/calcite-design-system/commit/57fdaa4392b29890be6e5af439168b621b3b5a9e)), closes [#8464](https://github.com/Esri/calcite-design-system/issues/8464) - -## [2.2.0-next.3](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.2...@esri/calcite-components@2.2.0-next.3) (2023-12-21) - -### Bug Fixes - -- **table:** Improve Table overflow behavior ([#8424](https://github.com/Esri/calcite-design-system/issues/8424)) ([79743e1](https://github.com/Esri/calcite-design-system/commit/79743e1710d88b99e31627a41a82524bdbcbc69f)), closes [#7677](https://github.com/Esri/calcite-design-system/issues/7677) [#7677](https://github.com/Esri/calcite-design-system/issues/7677) [#7677](https://github.com/Esri/calcite-design-system/issues/7677) [/github.com/Esri/calcite-design-system/issues/7677#issuecomment-1856176584](https://github.com/Esri//github.com/Esri/calcite-design-system/issues/7677/issues/issuecomment-1856176584) +- **checkbox, combobox, input-date-picker, input-time-picker, segmented-control, select:** Add required property ([#8517](https://github.com/Esri/calcite-design-system/issues/8517)) ([72a1ce4](https://github.com/Esri/calcite-design-system/commit/72a1ce4dd8d94ed092c4c24c37e7209eff67e544)) +- **handle, block, list-item:** Improve drag handle tooltip to include item label ([#8584](https://github.com/Esri/calcite-design-system/issues/8584)) ([6e643e2](https://github.com/Esri/calcite-design-system/commit/6e643e2f5384174d6b56233230b92a3b7716abab)) +- **handle:** Add `blurUnselectDisabled` property to disable unselecting handle on blur. ([#8483](https://github.com/Esri/calcite-design-system/issues/8483)) ([4d665cc](https://github.com/Esri/calcite-design-system/commit/4d665cc2eff668bb0278c0a3a16a0a6bd4d98776)) +- **handle:** Add selected property and calciteHandleChange event. ([#8484](https://github.com/Esri/calcite-design-system/issues/8484)) ([d2e9880](https://github.com/Esri/calcite-design-system/commit/d2e9880e7d6949d16f6499151442e09986e7f8b0)) +- **list-item:** Add dragSelected property and calciteListItemDragHandleChange event ([#8524](https://github.com/Esri/calcite-design-system/issues/8524)) ([4db2eb7](https://github.com/Esri/calcite-design-system/commit/4db2eb7a33efb7ec8075596f1439760264ed75fb)) +- **list-item:** Add tooltip for expanding and collapsing ([#8612](https://github.com/Esri/calcite-design-system/issues/8612)) ([4964491](https://github.com/Esri/calcite-design-system/commit/49644913539edb5734f064b87a4dcd677474f626)) +- **list:** Add "filter-no-results" slot to display content when no filtered items are shown ([#8569](https://github.com/Esri/calcite-design-system/issues/8569)) ([f1fc7f6](https://github.com/Esri/calcite-design-system/commit/f1fc7f678e35927f1ef189e581c2713967367ff0)) +- **list:** Introduce clearer unselected state ([#8510](https://github.com/Esri/calcite-design-system/issues/8510)) ([f1e836c](https://github.com/Esri/calcite-design-system/commit/f1e836c46af1411853b81c681e41428211e0d900)) +- **radio-button-group, segmented control:** Add validationMessage, validationIcon, and status properties ([#8561](https://github.com/Esri/calcite-design-system/issues/8561)) ([d4c5efc](https://github.com/Esri/calcite-design-system/commit/d4c5efcb088a3fc8cb8c1474caf293bcc43f7602)) +- Reflect validationIcon property ([#8583](https://github.com/Esri/calcite-design-system/issues/8583)) ([b3d38b3](https://github.com/Esri/calcite-design-system/commit/b3d38b3dcb699c28e36ca32f600117274a36c56b)) +- **table-header:** Add style when within a `selected` Table Row ([#8449](https://github.com/Esri/calcite-design-system/issues/8449)) ([13cfe75](https://github.com/Esri/calcite-design-system/commit/13cfe75e0c39f6ab492f5a3eb312c5adc93d18e5)) +- **tabs:** Emit selection-related events when selection is modified after closing the selected tab ([#8582](https://github.com/Esri/calcite-design-system/issues/8582)) ([b15c940](https://github.com/Esri/calcite-design-system/commit/b15c940777c6a3ae503a904377d65d80d9a8855b)) +- **tile:** Add visual scales ([#8496](https://github.com/Esri/calcite-design-system/issues/8496)) ([7638ec4](https://github.com/Esri/calcite-design-system/commit/7638ec43caf4f443514ca89f678076f91c6d0730)) +- Use input-message to display validation messages for invalid fields after form submission ([#8574](https://github.com/Esri/calcite-design-system/issues/8574)) ([fd392fe](https://github.com/Esri/calcite-design-system/commit/fd392fe5658bf1b08c0bbcbdb74b4e3e47a1d360)) + +### Bug Fixes + +- **action:** Update component tokens to support transparent ([#8532](https://github.com/Esri/calcite-design-system/issues/8532)) ([81cb5cc](https://github.com/Esri/calcite-design-system/commit/81cb5cc58d082c5d62d91a5dcaa5cfa8d993e626)) +- Allow users to control tabindex on interactive components ([#8166](https://github.com/Esri/calcite-design-system/issues/8166)) ([b15c052](https://github.com/Esri/calcite-design-system/commit/b15c052335b3c3bcba01cd3a0ec2dfe03588959c)) +- **button:** Avoid needlessly overwriting title ([#8491](https://github.com/Esri/calcite-design-system/issues/8491)) ([350a983](https://github.com/Esri/calcite-design-system/commit/350a9836ec6b3ee541f0fbb10954589b65f14a13)) +- **color-picker:** Emit color change when nudging color channels by using the shift key ([#8579](https://github.com/Esri/calcite-design-system/issues/8579)) ([4250598](https://github.com/Esri/calcite-design-system/commit/425059871e3ecb9a6b73e4592e3a2f695891336b)) +- **combobox:** Only allow deleting visible chips with the keyboard ([#8603](https://github.com/Esri/calcite-design-system/issues/8603)) ([2d38241](https://github.com/Esri/calcite-design-system/commit/2d382413b0e89736410e01f9c95ffe151c15506a)) +- **date-picker:** Prevent console error when selecting just an end date for input date picker ([#8444](https://github.com/Esri/calcite-design-system/issues/8444)) ([c0e51c3](https://github.com/Esri/calcite-design-system/commit/c0e51c393ef0bf52ca6164108df8bcac595bcebd)) +- **filter:** Prevent console warning from displaying to end users ([#8458](https://github.com/Esri/calcite-design-system/issues/8458)) ([0de7646](https://github.com/Esri/calcite-design-system/commit/0de7646aaf9c93923a7e55c02fc396448d2234f2)) +- **input-date-picker:** Ensure range icon toggles open corresponding date-picker ([#8554](https://github.com/Esri/calcite-design-system/issues/8554)) ([cfafd15](https://github.com/Esri/calcite-design-system/commit/cfafd158af72a7393793ec845ea457bdf2a14451)) +- **input-date-picker:** Resolve a hard to reproduce number formatter caching issue that occurred due to the countdown delay in queued Alerts. ([5f4fa3e](https://github.com/Esri/calcite-design-system/commit/5f4fa3ed0a7f92b463be475476145b201c68b372)) +- **input-message:** Add missing margin to scale="s", spacing CSS variable has effect ([#8592](https://github.com/Esri/calcite-design-system/issues/8592)) ([49b0a20](https://github.com/Esri/calcite-design-system/commit/49b0a206eadfa193fa581f8c874a0b957bfb2c88)) +- **input, input-number, input-text:** Restore focus on input after browser validation error is displayed and user continues typing ([#8563](https://github.com/Esri/calcite-design-system/issues/8563)) ([5897965](https://github.com/Esri/calcite-design-system/commit/5897965a917dc0e329658de43670cc7fd020bd9c)) +- **input, input-number:** Support setting value property to Infinity ([#8547](https://github.com/Esri/calcite-design-system/issues/8547)) ([f6ac698](https://github.com/Esri/calcite-design-system/commit/f6ac698435fd0a28d22d8f410ab5a45c1c951c00)) +- **list-item:** Store last focused cell from focusing on elements within a cell. ([#8494](https://github.com/Esri/calcite-design-system/issues/8494)) ([28f93b4](https://github.com/Esri/calcite-design-system/commit/28f93b43036affcdb29d07c12f0cb910329d4b8c)) +- **list, list-item, list-item-group:** Honor hidden attribute on list-item and list-item-group ([#8541](https://github.com/Esri/calcite-design-system/issues/8541)) ([3851dc6](https://github.com/Esri/calcite-design-system/commit/3851dc63c60dd0ca44ca26406a9c4e5c5f552853)) +- **list:** Correct selectedItems value when list is filtered ([#8481](https://github.com/Esri/calcite-design-system/issues/8481)) ([9de1922](https://github.com/Esri/calcite-design-system/commit/9de192221f3040a0c9e58bbace1794ac16515a71)) +- **list:** Fix event detail newIndex when down arrow pressed to sort ([#8462](https://github.com/Esri/calcite-design-system/issues/8462)) ([b3d5169](https://github.com/Esri/calcite-design-system/commit/b3d5169a1aa8cc517ef17b3c4675126925d13603)) +- **list:** Fix keyboard arrow navigation ([#8470](https://github.com/Esri/calcite-design-system/issues/8470)) ([57fdaa4](https://github.com/Esri/calcite-design-system/commit/57fdaa4392b29890be6e5af439168b621b3b5a9e)) +- **modal:** Ensure focus trapping in dynamically created, subsequently opened modals ([#8593](https://github.com/Esri/calcite-design-system/issues/8593)) ([4ec6b94](https://github.com/Esri/calcite-design-system/commit/4ec6b948d4d26a07b6acf92a0c760746fe853162)) +- **table:** Fix double border on `bordered` Table Rows in `table-footer` ([#8509](https://github.com/Esri/calcite-design-system/issues/8509)) ([c16ea33](https://github.com/Esri/calcite-design-system/commit/c16ea335c1d3b8663e4a0f51012d071f93c1b476)) +- **table:** Improve Table overflow behavior ([#8424](https://github.com/Esri/calcite-design-system/issues/8424)) ([79743e1](https://github.com/Esri/calcite-design-system/commit/79743e1710d88b99e31627a41a82524bdbcbc69f)) +- **text-area:** Prevent infinite render loop when `max-length` property is defined ([#8610](https://github.com/Esri/calcite-design-system/issues/8610)) ([f30d933](https://github.com/Esri/calcite-design-system/commit/f30d9330fe4ed071891b2d7b18013c056c5ebc0d)) ### Reverts -- chore(modal): remove e2e tests that are covered by dedicated openClose commonTests helper ([#8392](https://github.com/Esri/calcite-design-system/issues/8392)) ([#8471](https://github.com/Esri/calcite-design-system/issues/8471)) ([4bedf99](https://github.com/Esri/calcite-design-system/commit/4bedf99445e5eaeaa48596bee0c95f650db56260)) - -## [2.2.0-next.2](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.1...@esri/calcite-components@2.2.0-next.2) (2023-12-20) - -### Bug Fixes - -- **filter:** prevent console warning from displaying to end users ([#8458](https://github.com/Esri/calcite-design-system/issues/8458)) ([0de7646](https://github.com/Esri/calcite-design-system/commit/0de7646aaf9c93923a7e55c02fc396448d2234f2)), closes [#8457](https://github.com/Esri/calcite-design-system/issues/8457) - -## [2.2.0-next.1](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.0...@esri/calcite-components@2.2.0-next.1) (2023-12-20) - -### Bug Fixes +- Chore(modal): remove e2e tests that are covered by dedicated openClose commonTests helper ([#8392](https://github.com/Esri/calcite-design-system/issues/8392)) ([#8471](https://github.com/Esri/calcite-design-system/issues/8471)) ([4bedf99](https://github.com/Esri/calcite-design-system/commit/4bedf99445e5eaeaa48596bee0c95f650db56260)) -- allow users to control tabindex on interactive components ([#8166](https://github.com/Esri/calcite-design-system/issues/8166)) ([b15c052](https://github.com/Esri/calcite-design-system/commit/b15c052335b3c3bcba01cd3a0ec2dfe03588959c)), closes [#4970](https://github.com/Esri/calcite-design-system/issues/4970) -- **list:** fix event detail newIndex when down arrow pressed to sort ([#8462](https://github.com/Esri/calcite-design-system/issues/8462)) ([b3d5169](https://github.com/Esri/calcite-design-system/commit/b3d5169a1aa8cc517ef17b3c4675126925d13603)), closes [#8464](https://github.com/Esri/calcite-design-system/issues/8464) - -## [2.2.0-next.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.1.0...@esri/calcite-components@2.2.0-next.0) (2023-12-19) - -### Features - -- **table-header:** Add style when within a `selected` Table Row ([#8449](https://github.com/Esri/calcite-design-system/issues/8449)) ([13cfe75](https://github.com/Esri/calcite-design-system/commit/13cfe75e0c39f6ab492f5a3eb312c5adc93d18e5)), closes [#8448](https://github.com/Esri/calcite-design-system/issues/8448) - -### Bug Fixes +### Dependencies -- **date-picker:** prevent console error when selecting just an end date for input date picker ([#8444](https://github.com/Esri/calcite-design-system/issues/8444)) ([c0e51c3](https://github.com/Esri/calcite-design-system/commit/c0e51c393ef0bf52ca6164108df8bcac595bcebd)), closes [#8436](https://github.com/Esri/calcite-design-system/issues/8436) +- The following workspace dependencies were updated + - devDependencies + - @esri/calcite-design-tokens bumped from ^2.1.1-next.4 to ^2.1.1 ## [2.1.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.0.0...@esri/calcite-components@2.1.0) (2023-12-19) diff --git a/packages/calcite-components/package.json b/packages/calcite-components/package.json index ffa8add5ac7..e5c65162f0f 100644 --- a/packages/calcite-components/package.json +++ b/packages/calcite-components/package.json @@ -1,6 +1,6 @@ { "name": "@esri/calcite-components", - "version": "2.2.0-next.22", + "version": "2.2.0", "homepage": "https://developers.arcgis.com/calcite-design-system/", "description": "Web Components for Esri's Calcite Design System.", "main": "dist/index.cjs.js", @@ -75,7 +75,7 @@ "timezone-groups": "0.8.0" }, "devDependencies": { - "@esri/calcite-design-tokens": "^2.1.1-next.4", + "@esri/calcite-design-tokens": "^2.1.1", "@esri/calcite-ui-icons": "3.25.3", "@esri/eslint-plugin-calcite-components": "^1.0.1-next.2", "@stencil-community/eslint-plugin": "0.7.1", diff --git a/packages/calcite-components/readme.md b/packages/calcite-components/readme.md index 21027f7db32..287595cbb88 100644 --- a/packages/calcite-components/readme.md +++ b/packages/calcite-components/readme.md @@ -17,12 +17,12 @@ The most common approach for loading Calcite Components is to use the version ho ```html ``` diff --git a/packages/calcite-design-tokens/CHANGELOG.md b/packages/calcite-design-tokens/CHANGELOG.md index 1c03abafe35..5b64a8ab622 100644 --- a/packages/calcite-design-tokens/CHANGELOG.md +++ b/packages/calcite-design-tokens/CHANGELOG.md @@ -3,29 +3,15 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. -## [2.1.1-next.4](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-design-tokens@2.1.1-next.3...@esri/calcite-design-tokens@2.1.1-next.4) (2024-01-05) - -**Note:** Version bump only for package @esri/calcite-design-tokens - -## [2.1.1-next.3](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-design-tokens@2.1.1-next.2...@esri/calcite-design-tokens@2.1.1-next.3) (2023-12-21) - -### Reverts - -- chore(modal): remove e2e tests that are covered by dedicated openClose commonTests helper ([#8392](https://github.com/Esri/calcite-design-system/issues/8392)) ([#8471](https://github.com/Esri/calcite-design-system/issues/8471)) ([4bedf99](https://github.com/Esri/calcite-design-system/commit/4bedf99445e5eaeaa48596bee0c95f650db56260)) - -## [2.1.1-next.2](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-design-tokens@2.1.1-next.1...@esri/calcite-design-tokens@2.1.1-next.2) (2023-12-20) - -**Note:** Version bump only for package @esri/calcite-design-tokens - -## [2.1.1-next.1](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-design-tokens@2.1.1-next.0...@esri/calcite-design-tokens@2.1.1-next.1) (2023-12-20) +## [2.1.1](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-design-tokens@2.1.0...@esri/calcite-design-tokens@2.1.1) (2024-01-17) ### Bug Fixes -- allow users to control tabindex on interactive components ([#8166](https://github.com/Esri/calcite-design-system/issues/8166)) ([b15c052](https://github.com/Esri/calcite-design-system/commit/b15c052335b3c3bcba01cd3a0ec2dfe03588959c)), closes [#4970](https://github.com/Esri/calcite-design-system/issues/4970) +- Allow users to control tabindex on interactive components ([#8166](https://github.com/Esri/calcite-design-system/issues/8166)) ([b15c052](https://github.com/Esri/calcite-design-system/commit/b15c052335b3c3bcba01cd3a0ec2dfe03588959c)) -## [2.1.1-next.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-design-tokens@2.1.0...@esri/calcite-design-tokens@2.1.1-next.0) (2023-12-19) +### Reverts -**Note:** Version bump only for package @esri/calcite-design-tokens +- Chore(modal): remove e2e tests that are covered by dedicated openClose commonTests helper ([#8392](https://github.com/Esri/calcite-design-system/issues/8392)) ([#8471](https://github.com/Esri/calcite-design-system/issues/8471)) ([4bedf99](https://github.com/Esri/calcite-design-system/commit/4bedf99445e5eaeaa48596bee0c95f650db56260)) ## [2.1.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-design-tokens@2.0.0...@esri/calcite-design-tokens@2.1.0) (2023-12-19) diff --git a/packages/calcite-design-tokens/package.json b/packages/calcite-design-tokens/package.json index 19e6cd1300c..92b3cbb6c8f 100644 --- a/packages/calcite-design-tokens/package.json +++ b/packages/calcite-design-tokens/package.json @@ -1,6 +1,6 @@ { "name": "@esri/calcite-design-tokens", - "version": "2.1.1-next.4", + "version": "2.1.1", "description": "Esri's Calcite Design System Tokens", "keywords": [ "Calcite", From 5bfcb96f09037836bc34d2305dd3cc61cef2c649 Mon Sep 17 00:00:00 2001 From: JC Franco Date: Wed, 17 Jan 2024 13:16:16 -0800 Subject: [PATCH 18/36] refactor: drop `hidden` prop since it is a global attribute (#8591) **Related Issue:** #5548 ## Summary This removes `hidden` props since it's available on `HTMLElement` (base class for custom elements). --- .../components/input-number/input-number.tsx | 7 ------- .../src/components/input-text/input-text.tsx | 7 ------- .../src/components/input/input.tsx | 7 ------- .../radio-button-group/radio-button-group.tsx | 21 +++++++++++-------- .../components/radio-button/radio-button.tsx | 21 +++++++++++-------- .../components/tile-select/tile-select.tsx | 5 +---- .../src/components/tile/tile.tsx | 3 --- 7 files changed, 25 insertions(+), 46 deletions(-) diff --git a/packages/calcite-components/src/components/input-number/input-number.tsx b/packages/calcite-components/src/components/input-number/input-number.tsx index c7114d094ff..4e11ad71e05 100644 --- a/packages/calcite-components/src/components/input-number/input-number.tsx +++ b/packages/calcite-components/src/components/input-number/input-number.tsx @@ -134,13 +134,6 @@ export class InputNumber */ @Prop({ reflect: true }) groupSeparator = false; - /** - * When `true`, the component will not be visible. - * - * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden) - */ - @Prop({ reflect: true }) hidden = false; - /** * Specifies an icon to display. * diff --git a/packages/calcite-components/src/components/input-text/input-text.tsx b/packages/calcite-components/src/components/input-text/input-text.tsx index 354ad16e0c2..c711293efdf 100644 --- a/packages/calcite-components/src/components/input-text/input-text.tsx +++ b/packages/calcite-components/src/components/input-text/input-text.tsx @@ -110,13 +110,6 @@ export class InputText @Prop({ reflect: true }) form: string; - /** - * When `true`, the component will not be visible. - * - * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden) - */ - @Prop({ reflect: true }) hidden = false; - /** * Specifies an icon to display. * diff --git a/packages/calcite-components/src/components/input/input.tsx b/packages/calcite-components/src/components/input/input.tsx index 778fc32c856..b80c5762e42 100644 --- a/packages/calcite-components/src/components/input/input.tsx +++ b/packages/calcite-components/src/components/input/input.tsx @@ -135,13 +135,6 @@ export class Input */ @Prop({ reflect: true }) groupSeparator = false; - /** - * When `true`, the component will not be visible. - * - * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden) - */ - @Prop({ reflect: true }) hidden = false; - /** * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon. */ diff --git a/packages/calcite-components/src/components/radio-button-group/radio-button-group.tsx b/packages/calcite-components/src/components/radio-button-group/radio-button-group.tsx index e2184aefac8..d27ad3e2870 100644 --- a/packages/calcite-components/src/components/radio-button-group/radio-button-group.tsx +++ b/packages/calcite-components/src/components/radio-button-group/radio-button-group.tsx @@ -32,6 +32,17 @@ import { CSS } from "./resources"; shadow: true, }) export class RadioButtonGroup implements LoadableComponent { + //-------------------------------------------------------------------------- + // + // Global attributes + // + //-------------------------------------------------------------------------- + + @Watch("hidden") + handleHiddenChange(): void { + this.passPropsToRadioButtons(); + } + //-------------------------------------------------------------------------- // // Properties @@ -46,14 +57,6 @@ export class RadioButtonGroup implements LoadableComponent { this.passPropsToRadioButtons(); } - /** When `true`, the component is not displayed and its `calcite-radio-button`s are not focusable or checkable. */ - @Prop({ reflect: true }) hidden = false; - - @Watch("hidden") - onHiddenChange(): void { - this.passPropsToRadioButtons(); - } - /** Defines the layout of the component. */ @Prop({ reflect: true }) layout: Layout = "horizontal"; @@ -140,7 +143,7 @@ export class RadioButtonGroup implements LoadableComponent { if (this.radioButtons.length > 0) { this.radioButtons.forEach((radioButton) => { radioButton.disabled = this.disabled || radioButton.disabled; - radioButton.hidden = this.hidden; + radioButton.hidden = this.el.hidden; radioButton.name = this.name; radioButton.required = this.required; radioButton.scale = this.scale; diff --git a/packages/calcite-components/src/components/radio-button/radio-button.tsx b/packages/calcite-components/src/components/radio-button/radio-button.tsx index 5246e66c1df..1ef57ab1875 100644 --- a/packages/calcite-components/src/components/radio-button/radio-button.tsx +++ b/packages/calcite-components/src/components/radio-button/radio-button.tsx @@ -46,6 +46,17 @@ import { CSS } from "./resources"; export class RadioButton implements LabelableComponent, CheckableFormComponent, InteractiveComponent, LoadableComponent { + //-------------------------------------------------------------------------- + // + // Global attributes + // + //-------------------------------------------------------------------------- + + @Watch("hidden") + handleHiddenChange(): void { + this.updateTabIndexOfOtherRadioButtonsInGroup(); + } + //-------------------------------------------------------------------------- // // Properties @@ -90,14 +101,6 @@ export class RadioButton /** The `id` of the component. When omitted, a globally unique identifier is used. */ @Prop({ reflect: true, mutable: true }) guid: string; - /** When `true`, the component is not displayed and is not focusable or checkable. */ - @Prop({ reflect: true }) hidden = false; - - @Watch("hidden") - hiddenChanged(): void { - this.updateTabIndexOfOtherRadioButtonsInGroup(); - } - /** * The hovered state of the component. * @@ -223,7 +226,7 @@ export class RadioButton }; onLabelClick(event: CustomEvent): void { - if (this.disabled || this.hidden) { + if (this.disabled || this.el.hidden) { return; } diff --git a/packages/calcite-components/src/components/tile-select/tile-select.tsx b/packages/calcite-components/src/components/tile-select/tile-select.tsx index 6aef2a60636..9bc5dcb3501 100644 --- a/packages/calcite-components/src/components/tile-select/tile-select.tsx +++ b/packages/calcite-components/src/components/tile-select/tile-select.tsx @@ -61,9 +61,6 @@ export class TileSelect implements InteractiveComponent, LoadableComponent { /** The component header text, which displays between the icon and description. */ @Prop({ reflect: true }) heading: string; - /** When `true`, the component is not displayed and is not focusable or checkable. */ - @Prop({ reflect: true }) hidden = false; - /** Specifies an icon to display. */ @Prop({ reflect: true }) icon: string; @@ -283,7 +280,7 @@ export class TileSelect implements InteractiveComponent, LoadableComponent { ); this.input.checked = this.checked; this.input.disabled = this.disabled; - this.input.hidden = this.hidden; + this.input.hidden = this.el.hidden; this.input.id = this.guid; this.input.label = this.heading || this.name || ""; diff --git a/packages/calcite-components/src/components/tile/tile.tsx b/packages/calcite-components/src/components/tile/tile.tsx index 88f624e49ee..9a6b414ee87 100644 --- a/packages/calcite-components/src/components/tile/tile.tsx +++ b/packages/calcite-components/src/components/tile/tile.tsx @@ -63,9 +63,6 @@ export class Tile implements ConditionalSlotComponent, InteractiveComponent { /** The component header text, which displays between the icon and description. */ @Prop({ reflect: true }) heading: string; - /** When `true`, the component is not displayed and is not focusable. */ - @Prop({ reflect: true }) hidden = false; - /** When embed is `"false"`, the URL for the component. */ @Prop({ reflect: true }) href: string; From 4a8a91ae7fed59203f856b005974d5bca4771cf1 Mon Sep 17 00:00:00 2001 From: Matt Driscoll Date: Thu, 18 Jan 2024 09:02:24 -0800 Subject: [PATCH 19/36] fix(list-item): always show hover and pointer styling (#8622) **Related Issue:** #6700 ## Summary It was decided that the majority of cases use the layer list to perform some kind of action so the default should be to have hover and pointer styling by default. In the future, we may add another selectionMode to provide a better UX for "non interactive" lists. Further information: https://github.com/Esri/calcite-design-system/issues/6123#issuecomment-1361770131 - Always has the hover and pointer styling on a list item regardless of selectionMode - Add e2e test --- .../calcite-components/src/components.d.ts | 62 ------------------- .../src/components/list-item/list-item.e2e.ts | 8 +++ .../src/components/list-item/list-item.tsx | 2 +- 3 files changed, 9 insertions(+), 63 deletions(-) diff --git a/packages/calcite-components/src/components.d.ts b/packages/calcite-components/src/components.d.ts index b058ecc2517..2a7078e184b 100644 --- a/packages/calcite-components/src/components.d.ts +++ b/packages/calcite-components/src/components.d.ts @@ -1905,11 +1905,6 @@ export namespace Components { * When `true`, number values are displayed with a group separator corresponding to the language and country format. */ "groupSeparator": boolean; - /** - * When `true`, the component will not be visible. - * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden) - */ - "hidden": boolean; /** * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon. */ @@ -2238,11 +2233,6 @@ export namespace Components { * When `true`, number values are displayed with a group separator corresponding to the language and country format. */ "groupSeparator": boolean; - /** - * When `true`, the component will not be visible. - * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden) - */ - "hidden": boolean; /** * Specifies an icon to display. * @futureBreaking Remove boolean type as it is not supported. @@ -2404,11 +2394,6 @@ export namespace Components { * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form": string; - /** - * When `true`, the component will not be visible. - * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden) - */ - "hidden": boolean; /** * Specifies an icon to display. * @futureBreaking Remove boolean type as it is not supported. @@ -3729,10 +3714,6 @@ export namespace Components { * The `id` of the component. When omitted, a globally unique identifier is used. */ "guid": string; - /** - * When `true`, the component is not displayed and is not focusable or checkable. - */ - "hidden": boolean; /** * The hovered state of the component. */ @@ -3767,10 +3748,6 @@ export namespace Components { * When `true`, interaction is prevented and the component is displayed with lower opacity. */ "disabled": boolean; - /** - * When `true`, the component is not displayed and its `calcite-radio-button`s are not focusable or checkable. - */ - "hidden": boolean; /** * Defines the layout of the component. */ @@ -4958,10 +4935,6 @@ export namespace Components { * The component header text, which displays between the icon and description. */ "heading": string; - /** - * When `true`, the component is not displayed and is not focusable. - */ - "hidden": boolean; /** * When embed is `"false"`, the URL for the component. */ @@ -4996,10 +4969,6 @@ export namespace Components { * The component header text, which displays between the icon and description. */ "heading": string; - /** - * When `true`, the component is not displayed and is not focusable or checkable. - */ - "hidden": boolean; /** * Specifies an icon to display. */ @@ -9266,11 +9235,6 @@ declare namespace LocalJSX { * When `true`, number values are displayed with a group separator corresponding to the language and country format. */ "groupSeparator"?: boolean; - /** - * When `true`, the component will not be visible. - * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden) - */ - "hidden"?: boolean; /** * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon. */ @@ -9612,11 +9576,6 @@ declare namespace LocalJSX { * When `true`, number values are displayed with a group separator corresponding to the language and country format. */ "groupSeparator"?: boolean; - /** - * When `true`, the component will not be visible. - * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden) - */ - "hidden"?: boolean; /** * Specifies an icon to display. * @futureBreaking Remove boolean type as it is not supported. @@ -9780,11 +9739,6 @@ declare namespace LocalJSX { * The `id` of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. */ "form"?: string; - /** - * When `true`, the component will not be visible. - * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden) - */ - "hidden"?: boolean; /** * Specifies an icon to display. * @futureBreaking Remove boolean type as it is not supported. @@ -11195,10 +11149,6 @@ declare namespace LocalJSX { * The `id` of the component. When omitted, a globally unique identifier is used. */ "guid"?: string; - /** - * When `true`, the component is not displayed and is not focusable or checkable. - */ - "hidden"?: boolean; /** * The hovered state of the component. */ @@ -11245,10 +11195,6 @@ declare namespace LocalJSX { * When `true`, interaction is prevented and the component is displayed with lower opacity. */ "disabled"?: boolean; - /** - * When `true`, the component is not displayed and its `calcite-radio-button`s are not focusable or checkable. - */ - "hidden"?: boolean; /** * Defines the layout of the component. */ @@ -12461,10 +12407,6 @@ declare namespace LocalJSX { * The component header text, which displays between the icon and description. */ "heading"?: string; - /** - * When `true`, the component is not displayed and is not focusable. - */ - "hidden"?: boolean; /** * When embed is `"false"`, the URL for the component. */ @@ -12499,10 +12441,6 @@ declare namespace LocalJSX { * The component header text, which displays between the icon and description. */ "heading"?: string; - /** - * When `true`, the component is not displayed and is not focusable or checkable. - */ - "hidden"?: boolean; /** * Specifies an icon to display. */ diff --git a/packages/calcite-components/src/components/list-item/list-item.e2e.ts b/packages/calcite-components/src/components/list-item/list-item.e2e.ts index d86ff8299d0..0eed9484972 100755 --- a/packages/calcite-components/src/components/list-item/list-item.e2e.ts +++ b/packages/calcite-components/src/components/list-item/list-item.e2e.ts @@ -67,6 +67,14 @@ describe("calcite-list-item", () => { disabled(``); }); + it("always displays hover class", async () => { + const page = await newE2EPage(); + await page.setContent(``); + await page.waitForChanges(); + + expect(await page.find(`calcite-list-item >>> .${CSS.containerHover}`)).not.toBeNull(); + }); + it("renders dragHandle when property is true", async () => { const page = await newE2EPage(); await page.setContent(``); diff --git a/packages/calcite-components/src/components/list-item/list-item.tsx b/packages/calcite-components/src/components/list-item/list-item.tsx index bae7dae2e8d..9c4b4e8fc73 100644 --- a/packages/calcite-components/src/components/list-item/list-item.tsx +++ b/packages/calcite-components/src/components/list-item/list-item.tsx @@ -671,7 +671,7 @@ export class ListItem aria-setsize={setSize} class={{ [CSS.container]: true, - [CSS.containerHover]: selectionMode !== "none", + [CSS.containerHover]: true, [CSS.containerBorder]: showBorder, [CSS.containerBorderSelected]: borderSelected, [CSS.containerBorderUnselected]: borderUnselected, From 0b3b66d2613200aab39a7963f225f14c4d6914ca Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" Date: Thu, 18 Jan 2024 17:03:52 +0000 Subject: [PATCH 20/36] chore: release next --- package-lock.json | 14 +++++++------- .../projects/component-library/CHANGELOG.md | 4 ++++ .../projects/component-library/package.json | 4 ++-- packages/calcite-components-react/CHANGELOG.md | 4 ++++ packages/calcite-components-react/package.json | 4 ++-- packages/calcite-components/CHANGELOG.md | 6 ++++++ packages/calcite-components/package.json | 4 ++-- packages/calcite-design-tokens/CHANGELOG.md | 4 ++++ packages/calcite-design-tokens/package.json | 2 +- 9 files changed, 32 insertions(+), 14 deletions(-) diff --git a/package-lock.json b/package-lock.json index 293c1ac7c02..c9c598d2299 100644 --- a/package-lock.json +++ b/package-lock.json @@ -47192,7 +47192,7 @@ }, "packages/calcite-components": { "name": "@esri/calcite-components", - "version": "2.2.0", + "version": "2.2.1-next.0", "license": "SEE LICENSE.md", "dependencies": { "@floating-ui/dom": "1.5.3", @@ -47208,7 +47208,7 @@ "timezone-groups": "0.8.0" }, "devDependencies": { - "@esri/calcite-design-tokens": "^2.1.1", + "@esri/calcite-design-tokens": "^2.1.2-next.0", "@esri/calcite-ui-icons": "3.25.3", "@esri/eslint-plugin-calcite-components": "^1.0.1-next.2", "@stencil-community/eslint-plugin": "0.7.1", @@ -47243,10 +47243,10 @@ }, "packages/calcite-components-angular/projects/component-library": { "name": "@esri/calcite-components-angular", - "version": "2.2.0", + "version": "2.2.1-next.0", "license": "SEE LICENSE.md", "dependencies": { - "@esri/calcite-components": "^2.2.0", + "@esri/calcite-components": "^2.2.1-next.0", "tslib": "2.6.2" }, "peerDependencies": { @@ -47256,10 +47256,10 @@ }, "packages/calcite-components-react": { "name": "@esri/calcite-components-react", - "version": "2.2.0", + "version": "2.2.1-next.0", "license": "SEE LICENSE.md", "dependencies": { - "@esri/calcite-components": "^2.2.0" + "@esri/calcite-components": "^2.2.1-next.0" }, "peerDependencies": { "react": ">=16.7", @@ -47268,7 +47268,7 @@ }, "packages/calcite-design-tokens": { "name": "@esri/calcite-design-tokens", - "version": "2.1.1", + "version": "2.1.2-next.0", "devDependencies": { "ts-jest-resolver": "2.0.1", "ts-node": "10.9.2" diff --git a/packages/calcite-components-angular/projects/component-library/CHANGELOG.md b/packages/calcite-components-angular/projects/component-library/CHANGELOG.md index 266f93ca231..93d74ed49a4 100644 --- a/packages/calcite-components-angular/projects/component-library/CHANGELOG.md +++ b/packages/calcite-components-angular/projects/component-library/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [2.2.1-next.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.0...@esri/calcite-components-angular@2.2.1-next.0) (2024-01-18) + +**Note:** Version bump only for package @esri/calcite-components-angular + ## [2.2.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.1.0...@esri/calcite-components-angular@2.2.0) (2024-01-17) ### Miscellaneous Chores diff --git a/packages/calcite-components-angular/projects/component-library/package.json b/packages/calcite-components-angular/projects/component-library/package.json index 0093aacd2e2..8ea08129369 100644 --- a/packages/calcite-components-angular/projects/component-library/package.json +++ b/packages/calcite-components-angular/projects/component-library/package.json @@ -1,6 +1,6 @@ { "name": "@esri/calcite-components-angular", - "version": "2.2.0", + "version": "2.2.1-next.0", "sideEffects": false, "homepage": "https://developers.arcgis.com/calcite-design-system/", "description": "A set of Angular components that wrap Esri's Calcite Components.", @@ -20,7 +20,7 @@ "@angular/core": ">=16.0.0" }, "dependencies": { - "@esri/calcite-components": "^2.2.0", + "@esri/calcite-components": "^2.2.1-next.0", "tslib": "2.6.2" }, "lerna": { diff --git a/packages/calcite-components-react/CHANGELOG.md b/packages/calcite-components-react/CHANGELOG.md index f5f45a64c16..188e72a7f3c 100644 --- a/packages/calcite-components-react/CHANGELOG.md +++ b/packages/calcite-components-react/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [2.2.1-next.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.0...@esri/calcite-components-react@2.2.1-next.0) (2024-01-18) + +**Note:** Version bump only for package @esri/calcite-components-react + ## [2.2.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.1.0...@esri/calcite-components-react@2.2.0) (2024-01-17) ### Miscellaneous Chores diff --git a/packages/calcite-components-react/package.json b/packages/calcite-components-react/package.json index 53a37e38eaf..c3df6d7fa47 100644 --- a/packages/calcite-components-react/package.json +++ b/packages/calcite-components-react/package.json @@ -1,7 +1,7 @@ { "name": "@esri/calcite-components-react", "sideEffects": false, - "version": "2.2.0", + "version": "2.2.1-next.0", "homepage": "https://developers.arcgis.com/calcite-design-system/", "description": "A set of React components that wrap calcite components", "license": "SEE LICENSE.md", @@ -23,7 +23,7 @@ "dist/" ], "dependencies": { - "@esri/calcite-components": "^2.2.0" + "@esri/calcite-components": "^2.2.1-next.0" }, "peerDependencies": { "react": ">=16.7", diff --git a/packages/calcite-components/CHANGELOG.md b/packages/calcite-components/CHANGELOG.md index 8d81f726dce..c0b398e1bf0 100644 --- a/packages/calcite-components/CHANGELOG.md +++ b/packages/calcite-components/CHANGELOG.md @@ -3,6 +3,12 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [2.2.1-next.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0...@esri/calcite-components@2.2.1-next.0) (2024-01-18) + +### Bug Fixes + +- **list-item:** always show hover and pointer styling ([#8622](https://github.com/Esri/calcite-design-system/issues/8622)) ([4a8a91a](https://github.com/Esri/calcite-design-system/commit/4a8a91ae7fed59203f856b005974d5bca4771cf1)), closes [#6700](https://github.com/Esri/calcite-design-system/issues/6700) [/github.com/Esri/calcite-design-system/issues/6123#issuecomment-1361770131](https://github.com/Esri//github.com/Esri/calcite-design-system/issues/6123/issues/issuecomment-1361770131) + ## [2.2.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.1.0...@esri/calcite-components@2.2.0) (2024-01-17) ### Features diff --git a/packages/calcite-components/package.json b/packages/calcite-components/package.json index e5c65162f0f..095d628b36d 100644 --- a/packages/calcite-components/package.json +++ b/packages/calcite-components/package.json @@ -1,6 +1,6 @@ { "name": "@esri/calcite-components", - "version": "2.2.0", + "version": "2.2.1-next.0", "homepage": "https://developers.arcgis.com/calcite-design-system/", "description": "Web Components for Esri's Calcite Design System.", "main": "dist/index.cjs.js", @@ -75,7 +75,7 @@ "timezone-groups": "0.8.0" }, "devDependencies": { - "@esri/calcite-design-tokens": "^2.1.1", + "@esri/calcite-design-tokens": "^2.1.2-next.0", "@esri/calcite-ui-icons": "3.25.3", "@esri/eslint-plugin-calcite-components": "^1.0.1-next.2", "@stencil-community/eslint-plugin": "0.7.1", diff --git a/packages/calcite-design-tokens/CHANGELOG.md b/packages/calcite-design-tokens/CHANGELOG.md index 5b64a8ab622..581532e2a57 100644 --- a/packages/calcite-design-tokens/CHANGELOG.md +++ b/packages/calcite-design-tokens/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [2.1.2-next.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-design-tokens@2.1.1...@esri/calcite-design-tokens@2.1.2-next.0) (2024-01-18) + +**Note:** Version bump only for package @esri/calcite-design-tokens + ## [2.1.1](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-design-tokens@2.1.0...@esri/calcite-design-tokens@2.1.1) (2024-01-17) ### Bug Fixes diff --git a/packages/calcite-design-tokens/package.json b/packages/calcite-design-tokens/package.json index 92b3cbb6c8f..b0c6de88f18 100644 --- a/packages/calcite-design-tokens/package.json +++ b/packages/calcite-design-tokens/package.json @@ -1,6 +1,6 @@ { "name": "@esri/calcite-design-tokens", - "version": "2.1.1", + "version": "2.1.2-next.0", "description": "Esri's Calcite Design System Tokens", "keywords": [ "Calcite", From b12ef6bf2cd8c9587c1f5b3aeab890d21336ffd4 Mon Sep 17 00:00:00 2001 From: Matt Driscoll Date: Fri, 19 Jan 2024 14:28:26 -0800 Subject: [PATCH 21/36] fix(action-menu): clicking an action menu item should call click event. (#8627) **Related Issue:** #8577 #8628 ## Summary - This reverts commit ccfbd0c69f3f83149808f16dfaa389dc463c2442. - Adds test --- .../components/action-menu/action-menu.e2e.ts | 51 ++++++++++++++++--- .../components/action-menu/action-menu.tsx | 11 ++-- 2 files changed, 48 insertions(+), 14 deletions(-) diff --git a/packages/calcite-components/src/components/action-menu/action-menu.e2e.ts b/packages/calcite-components/src/components/action-menu/action-menu.e2e.ts index d03377f5fda..00ad89a867e 100755 --- a/packages/calcite-components/src/components/action-menu/action-menu.e2e.ts +++ b/packages/calcite-components/src/components/action-menu/action-menu.e2e.ts @@ -402,13 +402,13 @@ describe("calcite-action-menu", () => { expect(await trigger.getProperty("active")).toBe(false); }); - it.skip("should close on blur", async () => { + it.skip("should handle TAB navigation", async () => { const page = await newE2EPage({ html: html` - - - `, + + + + `, }); await page.waitForChanges(); @@ -429,14 +429,14 @@ describe("calcite-action-menu", () => { expect(actions[1].getAttribute(activeAttr)).toBe(null); expect(actions[2].getAttribute(activeAttr)).toBe(null); - const button = await page.find("button"); - await button.focus(); + await page.keyboard.press("Tab"); + await page.waitForChanges(); expect(await actionMenu.getProperty("open")).toBe(false); }); - it("should click the active action and close the menu", async () => { + it("should click the active action on Enter key and close the menu", async () => { const page = await newE2EPage({ html: html` @@ -466,9 +466,44 @@ describe("calcite-action-menu", () => { expect(actions[2].getAttribute(activeAttr)).toBe(null); await page.keyboard.press("Enter"); + await page.waitForChanges(); + + expect(await actionMenu.getProperty("open")).toBe(false); + expect(clickSpy).toHaveReceivedEventTimes(1); + }); + + it("should click the active action when clicked and close the menu", async () => { + const page = await newE2EPage({ + html: html` + + + + `, + }); await page.waitForChanges(); + const actionMenu = await page.find("calcite-action-menu"); + const actions = await page.findAll("calcite-action"); + + expect(await actionMenu.getProperty("open")).toBe(false); + + await actionMenu.callMethod("setFocus"); + await page.waitForChanges(); + + await page.keyboard.press("ArrowDown"); + await page.waitForChanges(); + + const clickSpy = await actions[0].spyOnEvent("click"); + + expect(await actionMenu.getProperty("open")).toBe(true); + expect(actions[0].getAttribute(activeAttr)).toBe(""); + expect(actions[1].getAttribute(activeAttr)).toBe(null); + expect(actions[2].getAttribute(activeAttr)).toBe(null); + + // native click is used to close the open menu + await page.$eval("calcite-action", (el: HTMLCalciteActionElement) => el.click()); + expect(await actionMenu.getProperty("open")).toBe(false); expect(clickSpy).toHaveReceivedEventTimes(1); }); diff --git a/packages/calcite-components/src/components/action-menu/action-menu.tsx b/packages/calcite-components/src/components/action-menu/action-menu.tsx index 39ed53d0237..4d57ddcfd30 100755 --- a/packages/calcite-components/src/components/action-menu/action-menu.tsx +++ b/packages/calcite-components/src/components/action-menu/action-menu.tsx @@ -224,7 +224,6 @@ export class ActionMenu implements LoadableComponent { menuButtonEl.addEventListener("pointerdown", this.menuButtonClick); menuButtonEl.addEventListener("keydown", this.menuButtonKeyDown); - menuButtonEl.addEventListener("blur", this.menuButtonBlur); }; disconnectMenuButtonEl = (): void => { @@ -236,7 +235,6 @@ export class ActionMenu implements LoadableComponent { menuButtonEl.removeEventListener("pointerdown", this.menuButtonClick); menuButtonEl.removeEventListener("keydown", this.menuButtonKeyDown); - menuButtonEl.removeEventListener("blur", this.menuButtonBlur); }; setMenuButtonEl = (event: Event): void => { @@ -419,10 +417,6 @@ export class ActionMenu implements LoadableComponent { return !!supportedKeys.find((k) => k === key); } - private menuButtonBlur = (): void => { - this.open = false; - }; - menuButtonKeyDown = (event: KeyboardEvent): void => { const { key } = event; const { actionElements, activeMenuItemIndex, open } = this; @@ -443,6 +437,11 @@ export class ActionMenu implements LoadableComponent { action ? action.click() : this.toggleOpen(false); } + if (key === "Tab") { + this.open = false; + return; + } + if (key === "Escape") { this.toggleOpen(false); event.preventDefault(); From 05ac519cb03decec7af6d1a669b36fe28e52e838 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" Date: Fri, 19 Jan 2024 22:29:57 +0000 Subject: [PATCH 22/36] chore: release next --- package-lock.json | 10 +++++----- .../projects/component-library/CHANGELOG.md | 4 ++++ .../projects/component-library/package.json | 4 ++-- packages/calcite-components-react/CHANGELOG.md | 4 ++++ packages/calcite-components-react/package.json | 4 ++-- packages/calcite-components/CHANGELOG.md | 6 ++++++ packages/calcite-components/package.json | 2 +- 7 files changed, 24 insertions(+), 10 deletions(-) diff --git a/package-lock.json b/package-lock.json index c9c598d2299..78ba403934f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -47192,7 +47192,7 @@ }, "packages/calcite-components": { "name": "@esri/calcite-components", - "version": "2.2.1-next.0", + "version": "2.2.1-next.1", "license": "SEE LICENSE.md", "dependencies": { "@floating-ui/dom": "1.5.3", @@ -47243,10 +47243,10 @@ }, "packages/calcite-components-angular/projects/component-library": { "name": "@esri/calcite-components-angular", - "version": "2.2.1-next.0", + "version": "2.2.1-next.1", "license": "SEE LICENSE.md", "dependencies": { - "@esri/calcite-components": "^2.2.1-next.0", + "@esri/calcite-components": "^2.2.1-next.1", "tslib": "2.6.2" }, "peerDependencies": { @@ -47256,10 +47256,10 @@ }, "packages/calcite-components-react": { "name": "@esri/calcite-components-react", - "version": "2.2.1-next.0", + "version": "2.2.1-next.1", "license": "SEE LICENSE.md", "dependencies": { - "@esri/calcite-components": "^2.2.1-next.0" + "@esri/calcite-components": "^2.2.1-next.1" }, "peerDependencies": { "react": ">=16.7", diff --git a/packages/calcite-components-angular/projects/component-library/CHANGELOG.md b/packages/calcite-components-angular/projects/component-library/CHANGELOG.md index 93d74ed49a4..44ed4afdb22 100644 --- a/packages/calcite-components-angular/projects/component-library/CHANGELOG.md +++ b/packages/calcite-components-angular/projects/component-library/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [2.2.1-next.1](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.1-next.0...@esri/calcite-components-angular@2.2.1-next.1) (2024-01-19) + +**Note:** Version bump only for package @esri/calcite-components-angular + ## [2.2.1-next.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.0...@esri/calcite-components-angular@2.2.1-next.0) (2024-01-18) **Note:** Version bump only for package @esri/calcite-components-angular diff --git a/packages/calcite-components-angular/projects/component-library/package.json b/packages/calcite-components-angular/projects/component-library/package.json index 8ea08129369..ace9b6543fa 100644 --- a/packages/calcite-components-angular/projects/component-library/package.json +++ b/packages/calcite-components-angular/projects/component-library/package.json @@ -1,6 +1,6 @@ { "name": "@esri/calcite-components-angular", - "version": "2.2.1-next.0", + "version": "2.2.1-next.1", "sideEffects": false, "homepage": "https://developers.arcgis.com/calcite-design-system/", "description": "A set of Angular components that wrap Esri's Calcite Components.", @@ -20,7 +20,7 @@ "@angular/core": ">=16.0.0" }, "dependencies": { - "@esri/calcite-components": "^2.2.1-next.0", + "@esri/calcite-components": "^2.2.1-next.1", "tslib": "2.6.2" }, "lerna": { diff --git a/packages/calcite-components-react/CHANGELOG.md b/packages/calcite-components-react/CHANGELOG.md index 188e72a7f3c..212c27724fe 100644 --- a/packages/calcite-components-react/CHANGELOG.md +++ b/packages/calcite-components-react/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [2.2.1-next.1](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.1-next.0...@esri/calcite-components-react@2.2.1-next.1) (2024-01-19) + +**Note:** Version bump only for package @esri/calcite-components-react + ## [2.2.1-next.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.0...@esri/calcite-components-react@2.2.1-next.0) (2024-01-18) **Note:** Version bump only for package @esri/calcite-components-react diff --git a/packages/calcite-components-react/package.json b/packages/calcite-components-react/package.json index c3df6d7fa47..efc9ec17f15 100644 --- a/packages/calcite-components-react/package.json +++ b/packages/calcite-components-react/package.json @@ -1,7 +1,7 @@ { "name": "@esri/calcite-components-react", "sideEffects": false, - "version": "2.2.1-next.0", + "version": "2.2.1-next.1", "homepage": "https://developers.arcgis.com/calcite-design-system/", "description": "A set of React components that wrap calcite components", "license": "SEE LICENSE.md", @@ -23,7 +23,7 @@ "dist/" ], "dependencies": { - "@esri/calcite-components": "^2.2.1-next.0" + "@esri/calcite-components": "^2.2.1-next.1" }, "peerDependencies": { "react": ">=16.7", diff --git a/packages/calcite-components/CHANGELOG.md b/packages/calcite-components/CHANGELOG.md index c0b398e1bf0..341666a3685 100644 --- a/packages/calcite-components/CHANGELOG.md +++ b/packages/calcite-components/CHANGELOG.md @@ -3,6 +3,12 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [2.2.1-next.1](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.1-next.0...@esri/calcite-components@2.2.1-next.1) (2024-01-19) + +### Bug Fixes + +- **action-menu:** clicking an action menu item should call click event. ([#8627](https://github.com/Esri/calcite-design-system/issues/8627)) ([b12ef6b](https://github.com/Esri/calcite-design-system/commit/b12ef6bf2cd8c9587c1f5b3aeab890d21336ffd4)), closes [#8577](https://github.com/Esri/calcite-design-system/issues/8577) [#8628](https://github.com/Esri/calcite-design-system/issues/8628) + ## [2.2.1-next.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0...@esri/calcite-components@2.2.1-next.0) (2024-01-18) ### Bug Fixes diff --git a/packages/calcite-components/package.json b/packages/calcite-components/package.json index 095d628b36d..c3c17e5cb39 100644 --- a/packages/calcite-components/package.json +++ b/packages/calcite-components/package.json @@ -1,6 +1,6 @@ { "name": "@esri/calcite-components", - "version": "2.2.1-next.0", + "version": "2.2.1-next.1", "homepage": "https://developers.arcgis.com/calcite-design-system/", "description": "Web Components for Esri's Calcite Design System.", "main": "dist/index.cjs.js", From bd4ada96b15a19b6fc89240c75f28ad11e10efaf Mon Sep 17 00:00:00 2001 From: Ditwan Price Date: Fri, 19 Jan 2024 14:41:37 -0800 Subject: [PATCH 23/36] feat(button): add component tokens (#8618) **Related Issue:** #7180 ## Summary Add the following component tokens to the button component: `--calcite-button-background-color`: Specifies the background color of the component. `--calcite-button-background-color-hover`: Specifies the background color of the component when in hover state. `--calcite-button-background-color-focus`: Specifies the background color of the component when in focus state. `--calcite-button-background-color-active`: Specifies the background color of the component when in active state. `--calcite-button-text-color`: Specifies the text color of the component. `--calcite-button-text-color-hover`: Specifies the text color of the component when in hover state. `--calcite-button-text-color-focus`: Specifies the text color of the component when in focus state. `--calcite-button-text-color-active`: Specifies the text color of the component when in active. `--calcite-button-icon-start-color`: Specifies the color of the component's start position icon. `--calcite-button-icon-start-color-hover`: Specifies the color of the component's start position icon when in hover state. `--calcite-button-icon-start-color-focus`: Specifies the color of the component's start position icon when in focus state. `--calcite-button-icon-start-color-active`: Specifies the color of the component's start position icon when in active state. `--calcite-button-icon-end-color`: Specifies the color of the component's end position icon. `--calcite-button-icon-end-color-hover`: Specifies the color of the component's end position icon when in hover state. `--calcite-button-icon-end-color-focus`: Specifies the color of the component's end position icon when in focus state. `--calcite-button-icon-end-color-active`: Specifies the color of the component's end position icon when in active state. `--calcite-button-box-shadow`: Specifies the box shadow of the component. `--calcite-button-box-shadow-hover`: Specifies the box shadow of the component when in hover state. `--calcite-button-box-shadow-focus`: Specifies the box shadow of the component when in focus state. `--calcite-button-box-shadow-active`: Specifies the box shadow of the component when in active state. `--calcite-button-border-color`: Specifies border colors of the component. `--calcite-button-border-color-hover`: Specifies border colors of the component when in hover state. `--calcite-button-border-color-focus`: Specifies border colors of the component when in focus state. `--calcite-button-border-color-active`: Specifies border colors of the component when in active state`. Also adds the correct `appearance` for some button demos. --- .../src/components/button/button.scss | 742 ++++++++++-------- .../calcite-components/src/demos/button.html | 168 ++-- 2 files changed, 523 insertions(+), 387 deletions(-) diff --git a/packages/calcite-components/src/components/button/button.scss b/packages/calcite-components/src/components/button/button.scss index f9581a39fd5..f9572f7603b 100644 --- a/packages/calcite-components/src/components/button/button.scss +++ b/packages/calcite-components/src/components/button/button.scss @@ -1,8 +1,71 @@ +/** + * CSS Custom Properties + * + * These properties can be overridden using the component's tag as selector. + * + * @prop --calcite-button-background-color: Specifies the background color of the component. + * @prop --calcite-button-background-color-hover: Specifies the background color of the component when in hover state. + * @prop --calcite-button-background-color-focus: Specifies the background color of the component when in focus state. + * @prop --calcite-button-background-color-active: Specifies the background color of the component when in active state. + * @prop --calcite-button-text-color: Specifies the text color of the component. + * @prop --calcite-button-text-color-hover: Specifies the text color of the component when in hover state. + * @prop --calcite-button-text-color-focus: Specifies the text color of the component when in focus state. + * @prop --calcite-button-text-color-active: Specifies the text color of the component when in active state. + * @prop --calcite-button-icon-start-color: Specifies the color of the component's start position icon. + * @prop --calcite-button-icon-start-color-hover: Specifies the color of the component's start position icon when in hover state. + * @prop --calcite-button-icon-start-color-focus: Specifies the color of the component's start position icon when in focus state. + * @prop --calcite-button-icon-start-color-active: Specifies the color of the component's start position icon when in active state. + * @prop --calcite-button-icon-end-color: Specifies the color of the component's end position icon. + * @prop --calcite-button-icon-end-color-hover: Specifies the color of the component's end position icon when in hover state. + * @prop --calcite-button-icon-end-color-focus: Specifies the color of the component's end position icon when in focus state. + * @prop --calcite-button-icon-end-color-active: Specifies the color of the component's end position icon when in active state. + * @prop --calcite-button-box-shadow: Specifies the box shadow of the component. + * @prop --calcite-button-box-shadow-hover: Specifies the box shadow of the component when in hover state. + * @prop --calcite-button-box-shadow-focus: Specifies the box shadow of the component when in focus state. + * @prop --calcite-button-box-shadow-active: Specifies the box shadow of the component when in active state. + * @prop --calcite-button-border-color: Specifies border colors of the component. + * @prop --calcite-button-border-color-hover: Specifies border colors of the component when in hover state. + * @prop --calcite-button-border-color-focus: Specifies border colors of the component when in focus state. + * @prop --calcite-button-border-color-active: Specifies border colors of the component when in active state. + */ + :host { + --calcite-button-background-color: var(--calcite-color-background); + --calcite-button-text-color: var(--calcite-color-text-inverse); + --calcite-button-box-shadow: var(--calcite-shadow-none); + --calcite-button-border-color: var(--calcite-color-transparent); + --calcite-button-corner-radius: var(--calcite-corner-radius-sharp); + --calcite-button-icon-start-color: var(--calcite-color-text-inverse); + --calcite-button-icon-end-color: var(--calcite-color-text-inverse); + + /* hover */ + --calcite-button-text-color-hover: var(--calcite-color-text-inverse-hover); + --calcite-button-background-color-hover: var(--calcite-color-background); + --calcite-button-border-color-hover: var(--calcite-color-transparent); + --calcite-button-box-shadow-hover: var(--calcite-shadow-none); + --calcite-button-icon-start-color-hover: var(--calcite-color-text-inverse-hover); + --calcite-button-icon-end-color-hover: var(--calcite-color-text-inverse-hover); + + /* focus */ + --calcite-button-text-color-focus: var(--calcite-color-text-inverse-hover); + --calcite-button-background-color-focus: var(--calcite-color-background); + --calcite-button-border-color-focus: var(--calcite-color-transparent); + --calcite-button-box-shadow-focus: var(--calcite-shadow-none); + --calcite-button-icon-start-color-focus: var(--calcite-color-text-inverse-focus); + --calcite-button-icon-end-color-focus: var(--calcite-color-text-inverse-focus); + + /* active */ + --calcite-button-text-color-active: var(--calcite-color-text-inverse-press); + --calcite-button-background-color-active: var(--calcite-color-background); + --calcite-button-border-color-active: var(--calcite-color-transparent); + --calcite-button-box-shadow-active: var(--calcite-shadow-none); + --calcite-button-icon-start-color-active: var(--calcite-color-text-inverse-active); + --calcite-button-icon-end-color-active: var(--calcite-color-text-inverse-active); + @apply inline-block w-auto align-middle; } -// fab variants +/* fab variants */ :host([round]) { border-radius: 50px; & a, @@ -11,7 +74,7 @@ } } -// focus styles +/* focus styles */ :host button, :host a { @apply focus-base; @@ -19,43 +82,6 @@ @apply focus-outset; } } -// button base -:host button, -:host a { - --calcite-button-content-margin-internal: theme("margin.2"); - --calcite-button-padding-x-internal: 7px; - --calcite-button-padding-y-internal: 3px; - padding-block: var(--calcite-button-padding-y-internal); - padding-inline: var(--calcite-button-padding-x-internal); - @apply font-inherit - relative - box-border - flex - h-full - w-full - cursor-pointer - select-none - appearance-none - items-center - justify-center - rounded-none - border-none - text-center - font-normal - no-underline; - // include transition from focus - transition: - color var(--calcite-animation-timing) ease-in-out, - background-color var(--calcite-animation-timing) ease-in-out, - box-shadow var(--calcite-animation-timing) ease-in-out, - outline-color var(--calcite-internal-animation-timing-fast) ease-in-out; - &:hover { - @apply no-underline; - } - & span { - @apply truncate; - } -} .content { margin-inline: var(--calcite-button-content-margin-internal); @@ -85,7 +111,7 @@ } } -// button width +/* button width */ :host([width="auto"]) { @apply w-auto; } @@ -98,7 +124,7 @@ @apply w-full; } -// alignment +/* alignment */ :host([alignment="center"]:not([width="auto"])) { a, button { @@ -142,7 +168,7 @@ } } -// only two icons +/* only two icons */ :host([alignment="center"]) { a:not(.content--slotted), button:not(.content--slotted) { @@ -207,14 +233,14 @@ } :host([loading]) { - // center loading spinner when button has text + /* center loading spinner when button has text */ button.content--slotted, a.content--slotted { .calcite-button--loader calcite-loader { margin-inline-end: var(--calcite-button-content-margin-internal); } } - // hide icons when loading with no text + /* hide icons when loading with no text */ button:not(.content--slotted), a:not(.content--slotted) { .icon--start, @@ -224,276 +250,352 @@ } } -// button styles -:host([appearance]) { - button, - a { - @apply border-color-transparent - border - border-solid; +/* button base */ +:host button, +:host a { + --calcite-button-content-margin-internal: theme("margin.2"); + --calcite-button-padding-x-internal: 7px; + --calcite-button-padding-y-internal: 3px; + padding-block: var(--calcite-button-padding-y-internal); + padding-inline: var(--calcite-button-padding-x-internal); + @apply font-inherit + relative + box-border + flex + h-full + w-full + cursor-pointer + select-none + appearance-none + items-center + justify-center + rounded-none + border-none + text-center + font-normal + no-underline; + /* include transition from focus */ + transition: + color var(--calcite-animation-timing) ease-in-out, + background-color var(--calcite-animation-timing) ease-in-out, + box-shadow var(--calcite-animation-timing) ease-in-out, + outline-color var(--calcite-internal-animation-timing-fast) ease-in-out; + &:hover { + @apply no-underline; + } + & span { + @apply truncate; } } -:host([kind="brand"]) { +/* assign component tokens as values to button properties */ +:host { button, a { - @apply text-color-inverse bg-brand; - &:hover, - &:focus { - @apply bg-brand-hover; + color: var(--calcite-button-text-color); + background-color: var(--calcite-button-background-color); + border: var(--calcite-border-width-sm) solid var(--calcite-button-border-color); + box-shadow: var(--calcite-button-box-shadow); + + .icon--start { + color: var(--calcite-button-icon-start-color); } - &:active { - @apply bg-brand-press; + .icon--end { + color: var(--calcite-button-icon-end-color); } - calcite-loader { - @apply text-color-inverse; + + &:hover { + color: var(--calcite-button-text-color-hover); + background-color: var(--calcite-button-background-color-hover); + border-color: var(--calcite-button-border-color-hover); + box-shadow: var(--calcite-button-box-shadow-hover); + + .icon--start { + color: var(--calcite-button-icon-start-color-hover); + } + .icon--end { + color: var(--calcite-button-icon-end-color-hover); + } } - } -} -:host([kind="danger"]) { - button, - a { - @apply text-color-inverse bg-danger; - &:hover, &:focus { - @apply bg-danger-hover; + color: var(--calcite-button-text-color-focus); + background-color: var(--calcite-button-background-color-focus); + border-color: var(--calcite-button-border-color-focus); + box-shadow: var(--calcite-button-box-shadow-focus); + + .icon--start { + color: var(--calcite-button-icon-start-color-focus); + } + .icon--end { + color: var(--calcite-button-icon-end-color-focus); + } } &:active { - @apply bg-danger-press; - } - calcite-loader { - @apply text-color-inverse; + color: var(--calcite-button-text-color-active); + background-color: var(--calcite-button-background-color-active); + border-color: var(--calcite-button-border-color-active); + box-shadow: var(--calcite-button-box-shadow-active); + + .icon--start { + color: var(--calcite-button-icon-start-color-active); + } + .icon--end { + color: var(--calcite-button-icon-end-color-active); + } } } } -:host([kind="neutral"]) { + +/* button styles */ +/* solid */ +:host([kind="brand"]) { button, a { - @apply text-color-1 bg-foreground-3; - &:hover, - &:focus { - @apply bg-foreground-2; - } - &:active { - @apply bg-foreground-1; - } - calcite-loader { - @apply text-color-1; - } + --calcite-button-text-color: var(--calcite-color-text-inverse); + --calcite-button-text-color-hover: var(--calcite-color-text-inverse); + --calcite-button-text-color-focus: var(--calcite-color-text-inverse); + --calcite-button-text-color-active: var(--calcite-color-text-inverse); + --calcite-button-background-color: var(--calcite-color-brand); + --calcite-button-background-color-hover: var(--calcite-color-brand-hover); + --calcite-button-background-color-focus: var(--calcite-color-brand-hover); + --calcite-button-background-color-active: var(--calcite-color-brand-press); + --calcite-button-icon-start-color: var(--calcite-color-text-inverse); + --calcite-button-icon-end-color: var(--calcite-color-text-inverse); } -} -:host([kind="inverse"]) { - button, - a { - @apply text-color-inverse; - background-color: var(--calcite-color-inverse); - &:hover, - &:focus { - background-color: var(--calcite-color-inverse-hover); - } - &:active { - background-color: var(--calcite-color-inverse-press); - } - calcite-loader { - @apply text-color-inverse; - } + calcite-loader { + --calcite-button-text-color: var(--calcite-color-text-inverse); } } -// outline -:host([appearance="outline-fill"]) { + +:host([kind="danger"]) { button, a { - @apply bg-foreground-1 border border-solid; - box-shadow: inset 0 0 0 1px transparent; + --calcite-button-text-color: var(--calcite-color-text-inverse); + --calcite-button-text-color-hover: var(--calcite-color-text-inverse); + --calcite-button-text-color-focus: var(--calcite-color-text-inverse); + --calcite-button-text-color-active: var(--calcite-color-text-inverse); + --calcite-button-background-color: var(--calcite-color-status-danger); + --calcite-button-background-color-hover: var(--calcite-color-status-danger-hover); + --calcite-button-background-color-focus: var(--calcite-color-status-danger-hover); + --calcite-button-background-color-active: var(--calcite-color-status-danger-press); + --calcite-button-icon-start-color: var(--calcite-color-text-inverse); + --calcite-button-icon-end-color: var(--calcite-color-text-inverse); } -} -:host([appearance="outline-fill"][kind="brand"]) { - button, - a { - @apply border-color-brand bg-foreground-1; - color: theme("colors.brand"); - &:hover { - @apply border-color-brand-hover; - color: theme("colors.brand-hover"); - box-shadow: inset 0 0 0 1px var(--calcite-color-brand-hover); - } - &:focus { - @apply border-color-brand; - color: theme("colors.brand"); - box-shadow: inset 0 0 0 2px var(--calcite-color-brand); - } - &:active { - @apply border-color-brand-press; - color: theme("colors.brand-press"); - box-shadow: inset 0 0 0 2px var(--calcite-color-brand-press); - } - calcite-loader { - color: theme("colors.brand"); - } + calcite-loader { + --calcite-button-text-color: var(--calcite-color-text-inverse); } } -:host([appearance="outline-fill"][kind="danger"]) { + +:host([kind="neutral"]) { button, a { - @apply border-color-danger bg-foreground-1; - color: theme("colors.danger"); - &:hover { - @apply border-color-danger-hover; - color: theme("colors.danger-hover"); - box-shadow: inset 0 0 0 1px var(--calcite-color-status-danger-hover); - } - &:focus { - @apply border-color-danger; - color: theme("colors.danger"); - box-shadow: inset 0 0 0 2px var(--calcite-color-status-danger); - } - &:active { - @apply border-color-danger-press; - color: theme("colors.danger-press"); - box-shadow: inset 0 0 0 2px var(--calcite-color-status-danger-press); - } - calcite-loader { - color: theme("colors.danger"); - } + --calcite-button-text-color: var(--calcite-color-text-1); + --calcite-button-text-color-hover: var(--calcite-color-text-1); + --calcite-button-text-color-focus: var(--calcite-color-text-1); + --calcite-button-text-color-active: var(--calcite-color-text-1); + --calcite-button-background-color: var(--calcite-color-foreground-3); + --calcite-button-background-color-hover: var(--calcite-color-foreground-2); + --calcite-button-background-color-focus: var(--calcite-color-foreground-2); + --calcite-button-background-color-active: var(--calcite-color-foreground-1); + --calcite-button-icon-start-color: var(--calcite-color-text-1); + --calcite-button-icon-end-color: var(--calcite-color-text-1); + } + calcite-loader { + --calcite-button-text-color: var(--calcite-color-text-1); } } -:host([appearance="outline-fill"][kind="neutral"]) { + +:host([kind="inverse"]) { button, a { - @apply text-color-1 bg-foreground-1; - border-color: theme("borderColor.color.1"); - &:hover { - box-shadow: inset 0 0 0 1px var(--calcite-color-foreground-3); - } - &:focus { - box-shadow: inset 0 0 0 2px var(--calcite-color-foreground-3); - } - &:active { - box-shadow: inset 0 0 0 2px var(--calcite-color-foreground-3); - } - calcite-loader { - @apply text-color-1; - } + --calcite-button-text-color: var(--calcite-color-text-inverse); + --calcite-button-text-color-hover: var(--calcite-color-text-inverse); + --calcite-button-text-color-focus: var(--calcite-color-text-inverse); + --calcite-button-text-color-active: var(--calcite-color-text-inverse); + --calcite-button-background-color: var(--calcite-color-inverse); + --calcite-button-background-color-hover: var(--calcite-color-inverse-hover); + --calcite-button-background-color-focus: var(--calcite-color-inverse-hover); + --calcite-button-background-color-active: var(--calcite-color-inverse-press); + --calcite-button-icon-start-color: var(--calcite-color-text-inverse); + --calcite-button-icon-end-color: var(--calcite-color-text-inverse); + } + calcite-loader { + --calcite-button-text-color: var(--calcite-color-text-inverse); } } -:host([appearance="outline-fill"][kind="inverse"]) { + +/* outline background */ +:host([appearance="outline"]) { button, a { - @apply text-color-1 bg-foreground-1; - border-color: var(--calcite-color-inverse); - &:hover { - border-color: var(--calcite-color-inverse-hover); - box-shadow: inset 0 0 0 1px var(--calcite-color-inverse-hover); - } - &:focus { - border-color: var(--calcite-color-inverse); - box-shadow: inset 0 0 0 2px var(--calcite-color-inverse); - } - &:active { - border-color: var(--calcite-color-inverse-press); - box-shadow: inset 0 0 0 2px var(--calcite-color-inverse-press); - } - calcite-loader { - @apply text-color-1; - } + --calcite-button-background-color: var(--calcite-color-transparent); + --calcite-button-background-color-hover: var(--calcite-color-transparent); + --calcite-button-background-color-focus: var(--calcite-color-transparent); + --calcite-button-background-color-active: var(--calcite-color-transparent); } } -:host([appearance="outline"]) { + +/* outline-fill background */ +:host([appearance="outline-fill"]) { button, a { - @apply border border-solid bg-transparent; - box-shadow: inset 0 0 0 1px transparent; + --calcite-button-background-color: var(--calcite-color-foreground-1); + --calcite-button-background-color-hover: var(--calcite-color-foreground-1); + --calcite-button-background-color-focus: var(--calcite-color-foreground-1); + --calcite-button-background-color-active: var(--calcite-color-foreground-1); } } -:host([appearance="outline"][kind="brand"]) { + +/* outline and outline-fill text, border, icon, and box-shadow colors */ +:host([appearance="outline"][kind="brand"]), +:host([appearance="outline-fill"][kind="brand"]) { button, a { - @apply border-color-brand bg-transparent; - color: theme("colors.brand"); - &:hover { - @apply border-color-brand-hover; - color: theme("colors.brand-hover"); - box-shadow: inset 0 0 0 1px var(--calcite-color-brand-hover); - } - &:focus { - @apply border-color-brand; - color: theme("colors.brand"); - box-shadow: inset 0 0 0 2px var(--calcite-color-brand); - } - &:active { - @apply border-color-brand-press; - color: theme("colors.brand-press"); - box-shadow: inset 0 0 0 2px var(--calcite-color-brand-press); - } - calcite-loader { - color: theme("colors.brand"); - } + /* text */ + --calcite-button-text-color: var(--calcite-color-brand); + --calcite-button-text-color-hover: var(--calcite-color-brand-hover); + --calcite-button-text-color-focus: var(--calcite-color-brand); + --calcite-button-text-color-active: var(--calcite-color-brand-press); + + /* border */ + --calcite-button-border-color: var(--calcite-color-brand); + --calcite-button-border-color-hover: var(--calcite-color-brand-hover); + --calcite-button-border-color-focus: var(--calcite-color-brand-hover); + --calcite-button-border-color-active: var(--calcite-color-brand-press); + + /* start icon */ + --calcite-button-icon-start-color: var(--calcite-color-brand); + --calcite-button-icon-start-color-hover: var(--calcite-color-brand-hover); + --calcite-button-icon-start-color-focus: var(--calcite-color-brand-hover); + --calcite-button-icon-start-color-active: var(--calcite-color-brand-press); + + /* end icon */ + --calcite-button-icon-end-color: var(--calcite-color-brand); + --calcite-button-icon-end-color-hover: var(--calcite-color-brand-hover); + --calcite-button-icon-end-color-focus: var(--calcite-color-brand-hover); + --calcite-button-icon-end-color-active: var(--calcite-color-brand-press); + + /* box shadow */ + --calcite-button-box-shadow-hover: inset 0 0 0 1px var(--calcite-color-brand-hover); + --calcite-button-box-shadow-focus: inset 0 0 0 2px var(--calcite-color-brand); + --calcite-button-box-shadow-active: inset 0 0 0 2px var(--calcite-color-brand-press); + } + calcite-loader { + --calcite-button-text-color: var(--calcite-color-brand); } } -:host([appearance="outline"][kind="danger"]) { + +:host([appearance="outline"][kind="danger"]), +:host([appearance="outline-fill"][kind="danger"]) { button, a { - @apply border-color-danger bg-transparent; - color: theme("colors.danger"); - &:hover { - @apply border-color-danger-hover; - color: theme("colors.danger-hover"); - box-shadow: inset 0 0 0 1px var(--calcite-color-status-danger-hover); - } - &:focus { - @apply border-color-danger; - color: theme("colors.danger"); - box-shadow: inset 0 0 0 2px var(--calcite-color-status-danger); - } - &:active { - @apply border-color-danger-press; - color: theme("colors.danger-press"); - box-shadow: inset 0 0 0 2px var(--calcite-color-status-danger-press); - } - calcite-loader { - color: theme("colors.danger"); - } + /* text */ + --calcite-button-text-color: var(--calcite-color-status-danger); + --calcite-button-text-color-hover: var(--calcite-color-status-danger-hover); + --calcite-button-text-color-focus: var(--calcite-color-status-danger-hover); + --calcite-button-text-color-active: var(--calcite-color-status-danger-press); + + /* border */ + --calcite-button-border-color: var(--calcite-color-status-danger); + --calcite-button-border-color-hover: var(--calcite-color-status-danger-hover); + --calcite-button-border-color-focus: var(--calcite-color-status-danger-hover); + --calcite-button-border-color-active: var(--calcite-color-status-danger-press); + + /* start icon */ + --calcite-button-icon-start-color: var(--calcite-color-status-danger); + --calcite-button-icon-start-color-hover: var(--calcite-color-status-danger-hover); + --calcite-button-icon-start-color-focus: var(--calcite-color-status-danger-hover); + --calcite-button-icon-start-color-active: var(--calcite-color-status-danger-press); + + /* end icon */ + --calcite-button-icon-end-color: var(--calcite-color-status-danger); + --calcite-button-icon-end-color-hover: var(--calcite-color-status-danger-hover); + --calcite-button-icon-end-color-focus: var(--calcite-color-status-danger-hover); + --calcite-button-icon-end-color-active: var(--calcite-color-status-danger-press); + + /* box shadow */ + --calcite-button-box-shadow-hover: inset 0 0 0 1px var(--calcite-color-status-danger-hover); + --calcite-button-box-shadow-focus: inset 0 0 0 2px var(--calcite-color-status-danger); + --calcite-button-box-shadow-active: inset 0 0 0 2px var(--calcite-color-status-danger-press); + } + calcite-loader { + --calcite-button-text-color: var(--calcite-color-status-danger); } } -:host([appearance="outline"][kind="neutral"]) { + +:host([appearance="outline"][kind="neutral"]), +:host([appearance="outline-fill"][kind="neutral"]) { button, a { - @apply text-color-1 bg-transparent; - border-color: theme("borderColor.color.1"); - &:hover { - box-shadow: inset 0 0 0 1px var(--calcite-color-foreground-3); - } - &:focus { - box-shadow: inset 0 0 0 2px var(--calcite-color-foreground-3); - } - &:active { - box-shadow: inset 0 0 0 2px var(--calcite-color-foreground-3); - } - calcite-loader { - @apply text-color-1; - } + /* text */ + --calcite-button-text-color: var(--calcite-color-text-1); + --calcite-button-text-color-hover: var(--calcite-color-text-1); + --calcite-button-text-color-focus: var(--calcite-color-text-1); + --calcite-button-text-color-active: var(--calcite-color-text-1); + + /* border */ + --calcite-button-border-color: var(--calcite-color-border-1); + --calcite-button-border-color-hover: var(--calcite-color-border-1); + --calcite-button-border-color-focus: var(--calcite-color-border-1); + --calcite-button-border-color-active: var(--calcite-color-border-1); + + /* start icon */ + --calcite-button-icon-start-color: var(--calcite-color-text-1); + --calcite-button-icon-start-color-hover: var(--calcite-color-text-1); + --calcite-button-icon-start-color-focus: var(--calcite-color-text-1); + --calcite-button-icon-start-color-active: var(--calcite-color-text-1); + + /* end icon */ + --calcite-button-icon-end-color: var(--calcite-color-text-1); + --calcite-button-icon-end-color-hover: var(--calcite-color-text-1); + --calcite-button-icon-end-color-focus: var(--calcite-color-text-1); + --calcite-button-icon-end-color-active: var(--calcite-color-text-1); + + /* box shadow */ + --calcite-button-box-shadow-hover: inset 0 0 0 1px var(--calcite-color-foreground-3); + --calcite-button-box-shadow-focus: inset 0 0 0 2px var(--calcite-color-foreground-3); + --calcite-button-box-shadow-active: inset 0 0 0 2px var(--calcite-color-foreground-3); + } + calcite-loader { + --calcite-button-text-color: var(--calcite-color-text-1); } } -:host([appearance="outline"][kind="inverse"]) { + +:host([appearance="outline"][kind="inverse"]), +:host([appearance="outline-fill"][kind="inverse"]) { button, a { - @apply text-color-1 bg-transparent; - border-color: var(--calcite-color-inverse); - &:hover { - border-color: var(--calcite-color-inverse-hover); - box-shadow: inset 0 0 0 1px var(--calcite-color-inverse-hover); - } - &:focus { - border-color: var(--calcite-color-inverse); - box-shadow: inset 0 0 0 2px var(--calcite-color-inverse); - } - &:active { - border-color: var(--calcite-color-inverse-press); - box-shadow: inset 0 0 0 2px var(--calcite-color-inverse-press); - } - calcite-loader { - @apply text-color-1; - } + /* text */ + --calcite-button-text-color: var(--calcite-color-text-1); + --calcite-button-text-color-hover: var(--calcite-color-text-1); + --calcite-button-text-color-focus: var(--calcite-color-text-1); + --calcite-button-text-color-active: var(--calcite-color-text-1); + + /* border */ + --calcite-button-border-color: var(--calcite-color-inverse); + --calcite-button-border-color-hover: var(--calcite-color-inverse-hover); + --calcite-button-border-color-focus: var(--calcite-color-inverse-hover); + --calcite-button-border-color-active: var(--calcite-color-inverse-press); + + /* start icon */ + --calcite-button-icon-start-color: var(--calcite-color-text-1); + --calcite-button-icon-start-color-hover: var(--calcite-color-inverse-hover); + --calcite-button-icon-start-color-focus: var(--calcite-color-inverse-hover); + --calcite-button-icon-start-color-active: var(--calcite-color-inverse-press); + + /* end icon */ + --calcite-button-icon-end-color: var(--calcite-color-text-1); + --calcite-button-icon-end-color-hover: var(--calcite-color-inverse-hover); + --calcite-button-icon-end-color-focus: var(--calcite-color-inverse-hover); + --calcite-button-icon-end-color-active: var(--calcite-color-inverse-press); + + /* box shadow */ + --calcite-button-box-shadow-hover: inset 0 0 0 1px var(--calcite-color-inverse-hover); + --calcite-button-box-shadow-focus: inset 0 0 0 2px var(--calcite-color-inverse-hover); + --calcite-button-box-shadow-active: inset 0 0 0 2px var(--calcite-color-inverse-press); + } + calcite-loader { + --calcite-button-text-color: var(--calcite-color-text-1); } } @@ -509,35 +611,40 @@ border-inline-end-width: theme("borderWidth.DEFAULT"); } -// transparent +/* transparent */ :host([appearance="transparent"]:not(.enable-editing-button)) { button, a { - @apply bg-transparent; - &:hover, - &:focus { - background-color: var(--calcite-color-transparent-hover); - } - &:active { - background-color: var(--calcite-color-transparent-press); - } + --calcite-button-background-color: var(--calcite-color-transparent); + --calcite-button-background-color-hover: var(--calcite-color-transparent-hover); + --calcite-button-background-color-focus: var(--calcite-color-transparent-hover); + --calcite-button-background-color-active: var(--calcite-color-transparent-press); } } + :host([appearance="transparent"][kind="brand"]) { button, a { - color: theme("colors.brand"); - &:hover { - color: theme("colors.brand-hover"); - } - &:focus { - color: theme("colors.brand"); - } - &:active { - color: theme("colors.brand-press"); - } + /* text */ + --calcite-button-text-color: var(--calcite-color-brand); + --calcite-button-text-color-hover: var(--calcite-color-brand-hover); + --calcite-button-text-color-focus: var(--calcite-color-brand); + --calcite-button-text-color-active: var(--calcite-color-brand-press); + + /* start icon */ + --calcite-button-icon-start-color: var(--calcite-color-brand); + --calcite-button-icon-start-color-hover: var(--calcite-color-brand-hover); + --calcite-button-icon-start-color-focus: var(--calcite-color-brand-hover); + --calcite-button-icon-start-color-active: var(--calcite-color-brand-press); + + /* end icon */ + --calcite-button-icon-end-color: var(--calcite-color-brand); + --calcite-button-icon-end-color-hover: var(--calcite-color-brand-hover); + --calcite-button-icon-end-color-focus: var(--calcite-color-brand-hover); + --calcite-button-icon-end-color-active: var(--calcite-color-brand-press); + calcite-loader { - color: theme("colors.brand"); + --calcite-button-text-color: var(--calcite-color-brand); } } } @@ -545,18 +652,25 @@ :host([appearance="transparent"][kind="danger"]) { button, a { - color: theme("colors.danger"); - &:hover { - color: theme("colors.danger-hover"); - } - &:focus { - color: theme("colors.danger"); - } - &:active { - color: theme("colors.danger-press"); - } + /* text */ + --calcite-button-text-color: var(--calcite-color-status-danger); + --calcite-button-text-color-hover: var(--calcite-color-status-danger-hover); + --calcite-button-text-color-focus: var(--calcite-color-status-danger); + --calcite-button-text-color-active: var(--calcite-color-status-danger-press); + + /* start icon */ + --calcite-button-icon-start-color: var(--calcite-color-status-danger); + --calcite-button-icon-start-color-hover: var(--calcite-color-status-danger-hover); + --calcite-button-icon-start-color-focus: var(--calcite-color-status-danger-hover); + --calcite-button-icon-start-color-active: var(--calcite-color-status-danger-press); + + /* end icon */ + --calcite-button-icon-end-color: var(--calcite-color-status-danger); + --calcite-button-icon-end-color-hover: var(--calcite-color-status-danger-hover); + --calcite-button-icon-end-color-focus: var(--calcite-color-status-danger-hover); + --calcite-button-icon-end-color-active: var(--calcite-color-status-danger-press); calcite-loader { - color: theme("colors.danger"); + --calcite-button-text-color: var(--calcite-color-status-danger); } } } @@ -565,32 +679,30 @@ button, a, calcite-loader { - @apply text-color-1; + --calcite-button-text-color: var(--calcite-color-text-1); } } :host([appearance="transparent"][kind="neutral"].cancel-editing-button) { button { - @apply text-color-3 - border-t-color-input - border-b-color-input - border-t - border-b; + @apply border-t-color-input + border-b-color-input + border-t + border-b; border-block-style: solid; + --calcite-button-text-color: var(--calcite-color-text-3); + --calcite-button-text-color-hover: var(--calcite-color-text-1); + &:not(.content--slotted) { --calcite-button-padding-y-internal: 0; } - - &:hover { - @apply text-color-1; - } } } :host([appearance="transparent"][kind="neutral"].enable-editing-button) { button { - @apply bg-transparent; + --calcite-button-background-color: var(--calcite-color-transparent); } } @@ -599,7 +711,7 @@ :host(.enable-editing-button) { button { &:focus { - outline-offset: -2px; // ensure focus outlines work in Safari + outline-offset: -2px; /* ensure focus outlines work in Safari */ } } } @@ -608,17 +720,17 @@ button, a, calcite-loader { - @apply text-color-inverse; + --calcite-button-text-color: var(--calcite-color-text-inverse); } } -// generate button scales (scenario: text exists) +/* generate button scales (scenario: text exists) */ :host([scale="s"]) button.content--slotted, :host([scale="s"]) a.content--slotted { @apply text-n2h; } -// accommodate for transparent buttons not having borders +/* accommodate for transparent buttons not having borders */ :host([scale="s"][appearance="transparent"]) button.content--slotted, :host([scale="s"][appearance="transparent"]) a.content--slotted { --calcite-button-padding-x-internal: theme("padding.2"); @@ -639,7 +751,7 @@ :host([scale="m"]) a { --calcite-button-padding-y-internal: 7px; } -// accommodate for transparent buttons not having borders +/* accommodate for transparent buttons not having borders */ :host([scale="m"][appearance="transparent"]) button.content--slotted, :host([scale="m"][appearance="transparent"]) a.content--slotted { --calcite-button-padding-x-internal: theme("padding.3"); @@ -656,13 +768,13 @@ --calcite-button-padding-x-internal: theme("padding.4"); --calcite-button-padding-y-internal: 11px; } - //shrink the padding if an icon is present to preserve the height + /* shrink the padding if an icon is present to preserve the height */ .button-padding--shrunk { --calcite-button-padding-y-internal: 9px; } } -// generate fab scales (scenario: 1 icon, ie., should be square) +/* generate fab scales (scenario: 1 icon, ie., should be square) */ :host([scale="s"]) button:not(.content--slotted), :host([scale="s"]) a:not(.content--slotted) { --calcite-button-padding-x-internal: theme("padding[0.5]"); @@ -685,19 +797,19 @@ @apply text-0h w-11; min-block-size: theme("height.11"); } -// accommodate for transparent buttons not having borders +/* accommodate for transparent buttons not having borders */ :host([scale="l"][appearance="transparent"]) button:not(.content--slotted), :host([scale="l"][appearance="transparent"]) a:not(.content--slotted) { --calcite-button-padding-y-internal: theme("padding[2.5]"); } -// generate fab scales (scenario: 2 icons, ie., should not be square) +/* generate fab scales (scenario: 2 icons, ie., should not be square) */ :host([scale="s"][icon-start][icon-end]) button:not(.content--slotted), :host([scale="s"][icon-start][icon-end]) a:not(.content--slotted) { --calcite-button-padding-x-internal: 23px; @apply text-0h h-6; } -// accommodate for transparent buttons not having borders +/* accommodate for transparent buttons not having borders */ :host([scale="s"][icon-start][icon-end][appearance="transparent"]) button:not(.content--slotted), :host([scale="s"][icon-start][icon-end][appearance="transparent"]) a:not(.content--slotted) { --calcite-button-padding-x-internal: theme("padding.6"); @@ -707,7 +819,7 @@ --calcite-button-padding-x-internal: theme("padding.8"); @apply text-0h h-8; } -// accommodate for transparent buttons not having borders +/* accommodate for transparent buttons not having borders */ :host([scale="m"][icon-start][icon-end][appearance="transparent"]) button:not(.content--slotted), :host([scale="m"][icon-start][icon-end][appearance="transparent"]) a:not(.content--slotted) { --calcite-button-padding-x-internal: 33px; @@ -716,12 +828,12 @@ :host([scale="l"][icon-start][icon-end]) a:not(.content--slotted) { --calcite-button-padding-x-internal: 43px; @apply text-0h h-11; - // add space between when only 2 icons + /* add space between when only 2 icons */ .icon--start + .icon--end { margin-inline-start: theme("margin.4"); } } -// accommodate for transparent buttons not having borders +/* accommodate for transparent buttons not having borders */ :host([scale="l"][icon-start][icon-end][appearance="transparent"]) button:not(.content--slotted), :host([scale="l"][icon-start][icon-end][appearance="transparent"]) a:not(.content--slotted) { --calcite-button-padding-x-internal: theme("padding.11"); diff --git a/packages/calcite-components/src/demos/button.html b/packages/calcite-components/src/demos/button.html index 7f8a654f2a6..2e31d05b6d3 100644 --- a/packages/calcite-components/src/demos/button.html +++ b/packages/calcite-components/src/demos/button.html @@ -1058,30 +1058,30 @@

- Button + Button

- Button + Button

- Button + Button

- + Button

- + Button

- + Button

@@ -1090,43 +1090,43 @@

- +

- +

- +

- Button + Button

- Button + Button

- Button + Button

- + Button

- + Button

- + Button

@@ -1135,13 +1135,13 @@

- +

- +

- +

@@ -1159,13 +1159,13 @@

- Button + Button

- Button + Button

- Button + Button

@@ -1173,7 +1173,7 @@

- +

- +

- +

- Button + Button

- Button + Button

- Button + Button

@@ -1236,7 +1236,7 @@

- + +

- + +

- + +

@@ -1299,13 +1302,13 @@

- Button + Button

- Button + Button

- Button + Button

@@ -1313,7 +1316,7 @@

- +

- +

- +

- Button + Button

- Button + Button

- Button + Button

@@ -1376,7 +1379,7 @@

- + +

- + +

- + +

@@ -1439,30 +1445,48 @@

- Button + Button

- Button + Button

- Button + Button

- + Button

- + Button

- + Button

@@ -1471,26 +1495,26 @@

- +

- +

- +

- Button + Button

- Button + Button

- Button + Button

@@ -1498,7 +1522,7 @@

- +

- +

- +

From 159056b47c957edf2b3c49f19a1eb6b8ef40cdd2 Mon Sep 17 00:00:00 2001 From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com> Date: Tue, 23 Jan 2024 18:27:21 -0800 Subject: [PATCH 24/36] build(deps): update dependency @cspell/eslint-plugin to v8.3.2 (#8526) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit [![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [@cspell/eslint-plugin](https://togithub.com/streetsidesoftware/cspell/tree/main/packages/cspell-eslint-plugin#readme) ([source](https://togithub.com/streetsidesoftware/cspell)) | [`8.2.3` -> `8.3.2`](https://renovatebot.com/diffs/npm/@cspell%2feslint-plugin/8.2.3/8.3.2) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@cspell%2feslint-plugin/8.3.2?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@cspell%2feslint-plugin/8.3.2?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@cspell%2feslint-plugin/8.2.3/8.3.2?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@cspell%2feslint-plugin/8.2.3/8.3.2?slim=true)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes
streetsidesoftware/cspell (@​cspell/eslint-plugin) ### [`v8.3.2`](https://togithub.com/streetsidesoftware/cspell/blob/HEAD/CHANGELOG.md#832-2024-01-02) [Compare Source](https://togithub.com/streetsidesoftware/cspell/compare/v8.3.1...v8.3.2) ##### Bug Fixes - cspell-tools - support excluding words ([#​5140](https://togithub.com/streetsidesoftware/cspell/issues/5140)) ([3fcdd89](https://togithub.com/streetsidesoftware/cspell/commit/3fcdd89fb319b659d218067c5366e02d036be59f)) ### [`v8.3.1`](https://togithub.com/streetsidesoftware/cspell/blob/HEAD/CHANGELOG.md#831-2024-01-01) [Compare Source](https://togithub.com/streetsidesoftware/cspell/compare/v8.3.0...v8.3.1) **Note:** Version bump only for package cspell-monorepo ### [`v8.3.0`](https://togithub.com/streetsidesoftware/cspell/blob/HEAD/CHANGELOG.md#830-2023-12-30) [Compare Source](https://togithub.com/streetsidesoftware/cspell/compare/v8.2.4...v8.3.0) **Note:** Version bump only for package cspell-monorepo ### [`v8.2.4`](https://togithub.com/streetsidesoftware/cspell/blob/HEAD/CHANGELOG.md#824-2023-12-28) [Compare Source](https://togithub.com/streetsidesoftware/cspell/compare/v8.2.3...v8.2.4) **Note:** Version bump only for package cspell-monorepo
--- ### Configuration 📅 **Schedule**: Branch creation - "before 5am every weekday" in timezone America/Los_Angeles, Automerge - At any time (no schedule defined). 🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied. ♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about this update again. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR has been generated by [Mend Renovate](https://www.mend.io/free-developer-tools/renovate/). View repository job log [here](https://developer.mend.io/github/Esri/calcite-design-system). Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> --- package-lock.json | 487 ++++++++++------------------------------------ package.json | 2 +- 2 files changed, 106 insertions(+), 383 deletions(-) diff --git a/package-lock.json b/package-lock.json index 78ba403934f..c3ff4aac618 100644 --- a/package-lock.json +++ b/package-lock.json @@ -14,7 +14,7 @@ ], "devDependencies": { "@babel/preset-react": "7.23.3", - "@cspell/eslint-plugin": "8.2.3", + "@cspell/eslint-plugin": "8.3.2", "@esri/calcite-base": "1.2.0", "@esri/calcite-colors": "6.1.0", "@prettier/sync": "0.3.0", @@ -6044,17 +6044,17 @@ } }, "node_modules/@cspell/cspell-bundled-dicts": { - "version": "8.2.3", - "resolved": "https://registry.npmjs.org/@cspell/cspell-bundled-dicts/-/cspell-bundled-dicts-8.2.3.tgz", - "integrity": "sha512-AmKr/laSnmuTlECsIkf71N8FPd/ualJx13OdIJNIvUjIE741x/EACITIWLnTK9qFbsefOYp7bUeo9Xtbdw5JSA==", + "version": "8.3.2", + "resolved": "https://registry.npmjs.org/@cspell/cspell-bundled-dicts/-/cspell-bundled-dicts-8.3.2.tgz", + "integrity": "sha512-3ubOgz1/MDixJbq//0rQ2omB3cSdhVJDviERZeiREGz4HOq84aaK1Fqbw5SjNZHvhpoq+AYXm6kJbIAH8YhKgg==", "dev": true, "dependencies": { "@cspell/dict-ada": "^4.0.2", "@cspell/dict-aws": "^4.0.1", "@cspell/dict-bash": "^4.1.3", - "@cspell/dict-companies": "^3.0.28", + "@cspell/dict-companies": "^3.0.29", "@cspell/dict-cpp": "^5.0.10", - "@cspell/dict-cryptocurrencies": "^4.0.0", + "@cspell/dict-cryptocurrencies": "^5.0.0", "@cspell/dict-csharp": "^4.0.2", "@cspell/dict-css": "^4.0.12", "@cspell/dict-dart": "^2.0.3", @@ -6062,15 +6062,15 @@ "@cspell/dict-docker": "^1.1.7", "@cspell/dict-dotnet": "^5.0.0", "@cspell/dict-elixir": "^4.0.3", - "@cspell/dict-en_us": "^4.3.12", - "@cspell/dict-en-common-misspellings": "^1.0.2", + "@cspell/dict-en_us": "^4.3.13", + "@cspell/dict-en-common-misspellings": "^2.0.0", "@cspell/dict-en-gb": "1.1.33", "@cspell/dict-filetypes": "^3.0.3", "@cspell/dict-fonts": "^4.0.0", "@cspell/dict-fsharp": "^1.0.1", "@cspell/dict-fullstack": "^3.1.5", "@cspell/dict-gaming-terms": "^1.0.4", - "@cspell/dict-git": "^2.0.0", + "@cspell/dict-git": "^3.0.0", "@cspell/dict-golang": "^6.0.5", "@cspell/dict-haskell": "^4.0.1", "@cspell/dict-html": "^4.0.5", @@ -6083,15 +6083,15 @@ "@cspell/dict-makefile": "^1.0.0", "@cspell/dict-node": "^4.0.3", "@cspell/dict-npm": "^5.0.14", - "@cspell/dict-php": "^4.0.4", + "@cspell/dict-php": "^4.0.5", "@cspell/dict-powershell": "^5.0.3", "@cspell/dict-public-licenses": "^2.0.5", - "@cspell/dict-python": "^4.1.10", + "@cspell/dict-python": "^4.1.11", "@cspell/dict-r": "^2.0.1", "@cspell/dict-ruby": "^5.0.2", "@cspell/dict-rust": "^4.0.1", "@cspell/dict-scala": "^5.0.0", - "@cspell/dict-software-terms": "^3.3.14", + "@cspell/dict-software-terms": "^3.3.15", "@cspell/dict-sql": "^2.1.3", "@cspell/dict-svelte": "^1.0.2", "@cspell/dict-swift": "^2.0.1", @@ -6103,18 +6103,18 @@ } }, "node_modules/@cspell/cspell-pipe": { - "version": "8.2.3", - "resolved": "https://registry.npmjs.org/@cspell/cspell-pipe/-/cspell-pipe-8.2.3.tgz", - "integrity": "sha512-ga39z+K2ZaSQczaRayNUTrz10z7umEdFiK7AdWOQpGmym5JTtTK0ntnKvKKsdSJ9F5I7TZVxgZH6r4CCEPlEEg==", + "version": "8.3.2", + "resolved": "https://registry.npmjs.org/@cspell/cspell-pipe/-/cspell-pipe-8.3.2.tgz", + "integrity": "sha512-GZmDwvQGOjQi3IjD4k9xXeVTDANczksOsgVKb3v2QZk9mR4Qj8c6Uarjd4AgSiIhu/wBliJfzr5rWFJu4X2VfQ==", "dev": true, "engines": { "node": ">=18" } }, "node_modules/@cspell/cspell-resolver": { - "version": "8.2.3", - "resolved": "https://registry.npmjs.org/@cspell/cspell-resolver/-/cspell-resolver-8.2.3.tgz", - "integrity": "sha512-H0855Lg0DxWDcT0FtJyqLvUqOJuE1qSg9X3ENs/ltZntQeaU8wZc+B34bXJrGpJVMuiiqHp4w6rcNN3lsOcshQ==", + "version": "8.3.2", + "resolved": "https://registry.npmjs.org/@cspell/cspell-resolver/-/cspell-resolver-8.3.2.tgz", + "integrity": "sha512-w2Tmb95bzdEz9L4W5qvsP5raZbyEzKL7N2ksU/+yh8NEJcTuExmAl/nMnb3aIk7m2b+kPHnMOcJuwfUMLmyv4A==", "dev": true, "dependencies": { "global-directory": "^4.0.1" @@ -6124,18 +6124,18 @@ } }, "node_modules/@cspell/cspell-service-bus": { - "version": "8.2.3", - "resolved": "https://registry.npmjs.org/@cspell/cspell-service-bus/-/cspell-service-bus-8.2.3.tgz", - "integrity": "sha512-hMLEzE2MkFir3kii046RecR1JAAfA6RQhLddjwQTq1c8YCWJ4lQEKUdM5x7nr/UpJtsMj8eYZ7CtbbnxQyn7Zg==", + "version": "8.3.2", + "resolved": "https://registry.npmjs.org/@cspell/cspell-service-bus/-/cspell-service-bus-8.3.2.tgz", + "integrity": "sha512-skTHNyVi74//W/O+f4IauDhm6twA9S2whkylonsIzPxEl4Pn3y2ZEMXNki/MWUwZfDIzKKSxlcREH61g7zCvhg==", "dev": true, "engines": { "node": ">=18" } }, "node_modules/@cspell/cspell-types": { - "version": "8.2.3", - "resolved": "https://registry.npmjs.org/@cspell/cspell-types/-/cspell-types-8.2.3.tgz", - "integrity": "sha512-AZIC1n7veQSylp9ZAcVDvIaY+oS/vpzFNJ77rzuhEy/B6X/9jzeI8wg/+vWkmhO59q4iF/ZlswWK3UXfeSnUFg==", + "version": "8.3.2", + "resolved": "https://registry.npmjs.org/@cspell/cspell-types/-/cspell-types-8.3.2.tgz", + "integrity": "sha512-qS/gWd9ItOrN6ZX5pwC9lJjnBoyiAyhxYq0GUXuV892LQvwrBmECGk6KhsA1lPW7JJS7o57YTAS1jmXnmXMEpg==", "dev": true, "engines": { "node": ">=18" @@ -6166,15 +6166,15 @@ "dev": true }, "node_modules/@cspell/dict-cpp": { - "version": "5.0.10", - "resolved": "https://registry.npmjs.org/@cspell/dict-cpp/-/dict-cpp-5.0.10.tgz", - "integrity": "sha512-WCRuDrkFdpmeIR6uXQYKU9loMQKNFS4bUhtHdv5fu4qVyJSh3k/kgmtTm1h1BDTj8EwPRc/RGxS+9Z3b2mnabA==", + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/@cspell/dict-cpp/-/dict-cpp-5.1.1.tgz", + "integrity": "sha512-Qy9fNsR/5RcQ6G85gDKFjvzh0AdgAilLQeSXPtqY21Fx1kCjUqdVVJYMmHUREgcxH6ptAxtn5knTWU4PIhQtOw==", "dev": true }, "node_modules/@cspell/dict-cryptocurrencies": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/@cspell/dict-cryptocurrencies/-/dict-cryptocurrencies-4.0.0.tgz", - "integrity": "sha512-EiZp91ATyRxTmauIQfOX9adLYCunKjHEh092rrM7o2eMXP9n7zpXAL9BK7LviL+LbB8VDOm21q+s83cKrrRrsg==", + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/@cspell/dict-cryptocurrencies/-/dict-cryptocurrencies-5.0.0.tgz", + "integrity": "sha512-Z4ARIw5+bvmShL+4ZrhDzGhnc9znaAGHOEMaB/GURdS/jdoreEDY34wdN0NtdLHDO5KO7GduZnZyqGdRoiSmYA==", "dev": true }, "node_modules/@cspell/dict-csharp": { @@ -6226,15 +6226,15 @@ "dev": true }, "node_modules/@cspell/dict-en_us": { - "version": "4.3.12", - "resolved": "https://registry.npmjs.org/@cspell/dict-en_us/-/dict-en_us-4.3.12.tgz", - "integrity": "sha512-1bsUxFjgxF30FTzcU5uvmCvH3lyqVKR9dbwsJhomBlUM97f0edrd6590SiYBXDm7ruE68m3lJd4vs0Ev2D6FtQ==", + "version": "4.3.13", + "resolved": "https://registry.npmjs.org/@cspell/dict-en_us/-/dict-en_us-4.3.13.tgz", + "integrity": "sha512-T6lHiGCjloGNE0d8CogF+efJZPCAP8zdzn+KnlI0Bmjaz5nvG2LTX7CXl1zkOl1nYYev0FuIk9WJ9YPVRjcFbQ==", "dev": true }, "node_modules/@cspell/dict-en-common-misspellings": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/@cspell/dict-en-common-misspellings/-/dict-en-common-misspellings-1.0.2.tgz", - "integrity": "sha512-jg7ZQZpZH7+aAxNBlcAG4tGhYF6Ksy+QS5Df73Oo+XyckBjC9QS+PrRwLTeYoFIgXy5j3ICParK5r3MSSoL4gw==", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/@cspell/dict-en-common-misspellings/-/dict-en-common-misspellings-2.0.0.tgz", + "integrity": "sha512-NOg8dlv37/YqLkCfBs5OXeJm/Wcfb/CzeOmOZJ2ZXRuxwsNuolb4TREUce0yAXRqMhawahY5TSDRJJBgKjBOdw==", "dev": true }, "node_modules/@cspell/dict-en-gb": { @@ -6274,9 +6274,9 @@ "dev": true }, "node_modules/@cspell/dict-git": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/@cspell/dict-git/-/dict-git-2.0.0.tgz", - "integrity": "sha512-n1AxyX5Kgxij/sZFkxFJlzn3K9y/sCcgVPg/vz4WNJ4K9YeTsUmyGLA2OQI7d10GJeiuAo2AP1iZf2A8j9aj2w==", + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/@cspell/dict-git/-/dict-git-3.0.0.tgz", + "integrity": "sha512-simGS/lIiXbEaqJu9E2VPoYW1OTC2xrwPPXNXFMa2uo/50av56qOuaxDrZ5eH1LidFXwoc8HROCHYeKoNrDLSw==", "dev": true }, "node_modules/@cspell/dict-golang": { @@ -6403,9 +6403,9 @@ "dev": true }, "node_modules/@cspell/dict-software-terms": { - "version": "3.3.15", - "resolved": "https://registry.npmjs.org/@cspell/dict-software-terms/-/dict-software-terms-3.3.15.tgz", - "integrity": "sha512-1qqMGFi1TUNq9gQj4FTLPTlqVzQLXrj80MsKoXVpysr+823kMWesQAjqHiPg+MYsQ3DlTcpGWcjq/EbYonqueQ==", + "version": "3.3.16", + "resolved": "https://registry.npmjs.org/@cspell/dict-software-terms/-/dict-software-terms-3.3.16.tgz", + "integrity": "sha512-ixorEP80LGxAU+ODVSn/CYIDjV0XAlZ2VrBu7CT+PwUFJ7h8o3JX1ywKB4qnt0hHru3JjWFtBoBThmZdrXnREQ==", "dev": true }, "node_modules/@cspell/dict-sql": { @@ -6439,9 +6439,9 @@ "dev": true }, "node_modules/@cspell/dynamic-import": { - "version": "8.2.3", - "resolved": "https://registry.npmjs.org/@cspell/dynamic-import/-/dynamic-import-8.2.3.tgz", - "integrity": "sha512-udJF+88F4UMH2eVKe3Utsh4X1PyNwqPJclIeD3/MDMFWm16lLkFYMqqrdr51tNLKVi4cXceGrUEapmGwf87l/w==", + "version": "8.3.2", + "resolved": "https://registry.npmjs.org/@cspell/dynamic-import/-/dynamic-import-8.3.2.tgz", + "integrity": "sha512-4t0xM5luA3yQhar2xWvYK4wQSDB2r0u8XkpzzJqd57MnJXd7uIAxI0awGUrDXukadRaCo0tDIlMUBemH48SNVg==", "dev": true, "dependencies": { "import-meta-resolve": "^4.0.0" @@ -6451,24 +6451,24 @@ } }, "node_modules/@cspell/eslint-plugin": { - "version": "8.2.3", - "resolved": "https://registry.npmjs.org/@cspell/eslint-plugin/-/eslint-plugin-8.2.3.tgz", - "integrity": "sha512-8IlJ4jfLzRmSt5oBVqIadcL1W9JFyx/KGW5llag8bmtv9rk0SBeVQe7PkatUBkBERX1kG4J4agm/JamDy47tyw==", + "version": "8.3.2", + "resolved": "https://registry.npmjs.org/@cspell/eslint-plugin/-/eslint-plugin-8.3.2.tgz", + "integrity": "sha512-FUUIUMW43KGTddj+SFf3TEgDC5Uv+QvRJqeT8RXdxQL7PLPU7ZQyEGmQZf1DhJCxLzscrVt5YCmA6ZYUjwh/zQ==", "dev": true, "dependencies": { - "@cspell/cspell-types": "8.2.3", - "cspell-lib": "8.2.3", + "@cspell/cspell-types": "8.3.2", + "cspell-lib": "8.3.2", "estree-walker": "^3.0.3", - "synckit": "^0.8.6" + "synckit": "^0.8.8" }, "engines": { "node": ">=18" } }, "node_modules/@cspell/strong-weak-map": { - "version": "8.2.3", - "resolved": "https://registry.npmjs.org/@cspell/strong-weak-map/-/strong-weak-map-8.2.3.tgz", - "integrity": "sha512-/0gQZw87MqGX8f28E+LhFfrsWdRdQEL8EEQeMXrrzSoPnfSz+ItHMhhrwPF+bMePPjaaUNYoRXvX7hxiDsGm0w==", + "version": "8.3.2", + "resolved": "https://registry.npmjs.org/@cspell/strong-weak-map/-/strong-weak-map-8.3.2.tgz", + "integrity": "sha512-Mte/2000ap278kRYOUhiGWI7MNr1+A7WSWJmlcdP4CAH5SO20sZI3/cyZLjJJEyapdhK5vaP1L5J9sUcVDHd3A==", "dev": true, "engines": { "node": ">=18" @@ -9893,19 +9893,11 @@ "node": ">=14" } }, - "node_modules/@pkgr/utils": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/@pkgr/utils/-/utils-2.4.2.tgz", - "integrity": "sha512-POgTXhjrTfbTV63DiFXav4lBHiICLKKwDeaKn9Nphwj7WH6m0hMMCaJkMyRWjgtPFyRKRVoMXXjczsTQRDEhYw==", + "node_modules/@pkgr/core": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/@pkgr/core/-/core-0.1.0.tgz", + "integrity": "sha512-Zwq5OCzuwJC2jwqmpEQt7Ds1DTi6BWSwoGkbb1n9pO3hzb35BoJELx7c0T23iDkBGkh2e7tvOtjF3tr3OaQHDQ==", "dev": true, - "dependencies": { - "cross-spawn": "^7.0.3", - "fast-glob": "^3.3.0", - "is-glob": "^4.0.3", - "open": "^9.1.0", - "picocolors": "^1.0.0", - "tslib": "^2.6.0" - }, "engines": { "node": "^12.20.0 || ^14.18.0 || >=16.0.0" }, @@ -9913,36 +9905,6 @@ "url": "https://opencollective.com/unts" } }, - "node_modules/@pkgr/utils/node_modules/define-lazy-prop": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-3.0.0.tgz", - "integrity": "sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==", - "dev": true, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/@pkgr/utils/node_modules/open": { - "version": "9.1.0", - "resolved": "https://registry.npmjs.org/open/-/open-9.1.0.tgz", - "integrity": "sha512-OS+QTnw1/4vrf+9hh1jc1jnYjzSG4ttTBB8UxOwAnInG3Uo4ssetzC1ihqaIHjLJnA5GGlRl6QlZXOTQhRBUvg==", - "dev": true, - "dependencies": { - "default-browser": "^4.0.0", - "define-lazy-prop": "^3.0.0", - "is-inside-container": "^1.0.0", - "is-wsl": "^2.2.0" - }, - "engines": { - "node": ">=14.16" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/@prettier/sync": { "version": "0.3.0", "resolved": "https://registry.npmjs.org/@prettier/sync/-/sync-0.3.0.tgz", @@ -16314,6 +16276,7 @@ "resolved": "https://registry.npmjs.org/big-integer/-/big-integer-1.6.52.tgz", "integrity": "sha512-QxD8cf2eVqJOOz63z6JIN9BzvVs/dlySa5HGSBH5xtR8dPteIRQnBxxKqkNTiT6jbDTF6jAfrd4oMcND9RGbQg==", "dev": true, + "optional": true, "engines": { "node": ">=0.6" } @@ -17250,21 +17213,6 @@ "semver": "^7.0.0" } }, - "node_modules/bundle-name": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/bundle-name/-/bundle-name-3.0.0.tgz", - "integrity": "sha512-PKA4BeSvBpQKQ8iPOGCSiell+N8P+Tf1DlwqmYhpe2gAhKPHn8EYOxVT+ShuGmhg8lN8XiSlS80yiExKXrURlw==", - "dev": true, - "dependencies": { - "run-applescript": "^5.0.0" - }, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/byte-size": { "version": "8.1.1", "resolved": "https://registry.npmjs.org/byte-size/-/byte-size-8.1.1.tgz", @@ -19741,12 +19689,12 @@ } }, "node_modules/cspell-config-lib": { - "version": "8.2.3", - "resolved": "https://registry.npmjs.org/cspell-config-lib/-/cspell-config-lib-8.2.3.tgz", - "integrity": "sha512-ATbOR06GKBIFM5SPKMF4fgo5G2qmOfdV8TbpyzNtw1AGL7PoOgDNFiKSutEzO5EHyZuXE71ZFxH3rVr2gIV7Dw==", + "version": "8.3.2", + "resolved": "https://registry.npmjs.org/cspell-config-lib/-/cspell-config-lib-8.3.2.tgz", + "integrity": "sha512-Wc98XhBNLwDxnxCzMtgRJALI9a69cu3C5Gf1rGjNTKSFo9JYiQmju0Ur3z25Pkx9Sa86f+2IjvNCf33rUDSoBQ==", "dev": true, "dependencies": { - "@cspell/cspell-types": "8.2.3", + "@cspell/cspell-types": "8.3.2", "comment-json": "^4.2.3", "yaml": "^2.3.4" }, @@ -19764,14 +19712,14 @@ } }, "node_modules/cspell-dictionary": { - "version": "8.2.3", - "resolved": "https://registry.npmjs.org/cspell-dictionary/-/cspell-dictionary-8.2.3.tgz", - "integrity": "sha512-M/idc3TLjYMpT4+8PlIg7kzoeGkR7o6h6pTwRfy/ZkBkEaV+U/35ZtVLO4qjxnuX6wrmawYmHhYqgzyKLEJIhw==", + "version": "8.3.2", + "resolved": "https://registry.npmjs.org/cspell-dictionary/-/cspell-dictionary-8.3.2.tgz", + "integrity": "sha512-xyK95hO2BMPFxIo8zBwGml8035qOxSBdga1BMhwW/p2wDrQP8S4Cdm/54//tCDmKn6uRkFQvyOfWGaX2l8WMEg==", "dev": true, "dependencies": { - "@cspell/cspell-pipe": "8.2.3", - "@cspell/cspell-types": "8.2.3", - "cspell-trie-lib": "8.2.3", + "@cspell/cspell-pipe": "8.3.2", + "@cspell/cspell-types": "8.3.2", + "cspell-trie-lib": "8.3.2", "fast-equals": "^5.0.1", "gensequence": "^6.0.0" }, @@ -19780,9 +19728,9 @@ } }, "node_modules/cspell-glob": { - "version": "8.2.3", - "resolved": "https://registry.npmjs.org/cspell-glob/-/cspell-glob-8.2.3.tgz", - "integrity": "sha512-byP2kBblO5d9rZr73MPor+KfoFdry4uu/MQmwLiK5mxgmokZYv5GVDX2DrO16Ni4yJ6/2rBPWLfq+DfCXSWqyw==", + "version": "8.3.2", + "resolved": "https://registry.npmjs.org/cspell-glob/-/cspell-glob-8.3.2.tgz", + "integrity": "sha512-KtIFxE+3l5dGEofND4/CdZffXP8XN1+XGQKxJ96lIzWsc01mkotfhxTkla6mgvfH039t7BsY/SWv0460KyGslQ==", "dev": true, "dependencies": { "micromatch": "^4.0.5" @@ -19792,13 +19740,13 @@ } }, "node_modules/cspell-grammar": { - "version": "8.2.3", - "resolved": "https://registry.npmjs.org/cspell-grammar/-/cspell-grammar-8.2.3.tgz", - "integrity": "sha512-z57Qyu24BsHHp/nZ9ftN377cSCgSJg+6oywIglau7ws7vRpUgYKVoKxn+ZJfOrIZpXfZUqgph5IwAGFI+aRN6w==", + "version": "8.3.2", + "resolved": "https://registry.npmjs.org/cspell-grammar/-/cspell-grammar-8.3.2.tgz", + "integrity": "sha512-tYCkOmRzJe1a6/R+8QGSwG7TwTgznLPqsHtepKzLmnS4YX54VXjKRI9zMARxXDzUVfyCSVdW5MyiY/0WTNoy+A==", "dev": true, "dependencies": { - "@cspell/cspell-pipe": "8.2.3", - "@cspell/cspell-types": "8.2.3" + "@cspell/cspell-pipe": "8.3.2", + "@cspell/cspell-types": "8.3.2" }, "bin": { "cspell-grammar": "bin.mjs" @@ -19808,38 +19756,38 @@ } }, "node_modules/cspell-io": { - "version": "8.2.3", - "resolved": "https://registry.npmjs.org/cspell-io/-/cspell-io-8.2.3.tgz", - "integrity": "sha512-mPbLXiIje9chncy/Xb9C6AxqjJm9AFHz/nmIIP5bc6gd4w/yaGlQNyO8jjHF1u2JBVbIxPQSMjFgEuqasPy4Sg==", + "version": "8.3.2", + "resolved": "https://registry.npmjs.org/cspell-io/-/cspell-io-8.3.2.tgz", + "integrity": "sha512-WYpKsyBCQP0SY4gXnhW5fPuxcYchKYKG1PIXVV3ezFU4muSgW6GuLNbGuSfwv/8YNXRgFSN0e3hYH0rdBK2Aow==", "dev": true, "dependencies": { - "@cspell/cspell-service-bus": "8.2.3" + "@cspell/cspell-service-bus": "8.3.2" }, "engines": { "node": ">=18" } }, "node_modules/cspell-lib": { - "version": "8.2.3", - "resolved": "https://registry.npmjs.org/cspell-lib/-/cspell-lib-8.2.3.tgz", - "integrity": "sha512-NA4FsGomGPNp15TWbXx13bfknLGU8B66j0QlU3i4oDrWBj/t5m7O1nmiQqcaDSKd9s5HtdTHfxLc83hdzmmizg==", + "version": "8.3.2", + "resolved": "https://registry.npmjs.org/cspell-lib/-/cspell-lib-8.3.2.tgz", + "integrity": "sha512-wTvdaev/TyGB/ln6CVD1QbVs2D7/+QiajQ67S7yj1suLHM6YcNQQb/5sPAM8VPtj0E7PgwgPXf3bq18OtPvnFg==", "dev": true, "dependencies": { - "@cspell/cspell-bundled-dicts": "8.2.3", - "@cspell/cspell-pipe": "8.2.3", - "@cspell/cspell-resolver": "8.2.3", - "@cspell/cspell-types": "8.2.3", - "@cspell/dynamic-import": "8.2.3", - "@cspell/strong-weak-map": "8.2.3", + "@cspell/cspell-bundled-dicts": "8.3.2", + "@cspell/cspell-pipe": "8.3.2", + "@cspell/cspell-resolver": "8.3.2", + "@cspell/cspell-types": "8.3.2", + "@cspell/dynamic-import": "8.3.2", + "@cspell/strong-weak-map": "8.3.2", "clear-module": "^4.1.2", "comment-json": "^4.2.3", "configstore": "^6.0.0", - "cspell-config-lib": "8.2.3", - "cspell-dictionary": "8.2.3", - "cspell-glob": "8.2.3", - "cspell-grammar": "8.2.3", - "cspell-io": "8.2.3", - "cspell-trie-lib": "8.2.3", + "cspell-config-lib": "8.3.2", + "cspell-dictionary": "8.3.2", + "cspell-glob": "8.3.2", + "cspell-grammar": "8.3.2", + "cspell-io": "8.3.2", + "cspell-trie-lib": "8.3.2", "fast-equals": "^5.0.1", "gensequence": "^6.0.0", "import-fresh": "^3.3.0", @@ -19852,13 +19800,13 @@ } }, "node_modules/cspell-trie-lib": { - "version": "8.2.3", - "resolved": "https://registry.npmjs.org/cspell-trie-lib/-/cspell-trie-lib-8.2.3.tgz", - "integrity": "sha512-yN2PwceN9ViCjXUhhi3MTWfi15Rpc9CsSFFPV3A6cOWoB0qBnuTXk8hBSx+427UGYjtlXPP6EZKY8w8OK6PweA==", + "version": "8.3.2", + "resolved": "https://registry.npmjs.org/cspell-trie-lib/-/cspell-trie-lib-8.3.2.tgz", + "integrity": "sha512-8qh2FqzkLMwzlTlvO/5Z+89fhi30rrfekocpight/BmqKbE2XFJQD7wS2ml24e7q/rdHJLXVpJbY/V5mByucCA==", "dev": true, "dependencies": { - "@cspell/cspell-pipe": "8.2.3", - "@cspell/cspell-types": "8.2.3", + "@cspell/cspell-pipe": "8.3.2", + "@cspell/cspell-types": "8.3.2", "gensequence": "^6.0.0" }, "engines": { @@ -20311,24 +20259,6 @@ "node": ">=0.10.0" } }, - "node_modules/default-browser": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/default-browser/-/default-browser-4.0.0.tgz", - "integrity": "sha512-wX5pXO1+BrhMkSbROFsyxUm0i/cJEScyNhA4PPxc41ICuv05ZZB/MX28s8aZx6xjmatvebIapF6hLEKEcpneUA==", - "dev": true, - "dependencies": { - "bundle-name": "^3.0.0", - "default-browser-id": "^3.0.0", - "execa": "^7.1.1", - "titleize": "^3.0.0" - }, - "engines": { - "node": ">=14.16" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/default-browser-id": { "version": "1.0.4", "resolved": "https://registry.npmjs.org/default-browser-id/-/default-browser-id-1.0.4.tgz", @@ -20620,153 +20550,6 @@ "node": ">=0.10.0" } }, - "node_modules/default-browser/node_modules/bplist-parser": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/bplist-parser/-/bplist-parser-0.2.0.tgz", - "integrity": "sha512-z0M+byMThzQmD9NILRniCUXYsYpjwnlO8N5uCFaCqIOpqRsJCrQL9NK3JsD67CN5a08nF5oIL2bD6loTdHOuKw==", - "dev": true, - "dependencies": { - "big-integer": "^1.6.44" - }, - "engines": { - "node": ">= 5.10.0" - } - }, - "node_modules/default-browser/node_modules/default-browser-id": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/default-browser-id/-/default-browser-id-3.0.0.tgz", - "integrity": "sha512-OZ1y3y0SqSICtE8DE4S8YOE9UZOJ8wO16fKWVP5J1Qz42kV9jcnMVFrEE/noXb/ss3Q4pZIH79kxofzyNNtUNA==", - "dev": true, - "dependencies": { - "bplist-parser": "^0.2.0", - "untildify": "^4.0.0" - }, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/default-browser/node_modules/execa": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/execa/-/execa-7.2.0.tgz", - "integrity": "sha512-UduyVP7TLB5IcAQl+OzLyLcS/l32W/GLg+AhHJ+ow40FOk2U3SAllPwR44v4vmdFwIWqpdwxxpQbF1n5ta9seA==", - "dev": true, - "dependencies": { - "cross-spawn": "^7.0.3", - "get-stream": "^6.0.1", - "human-signals": "^4.3.0", - "is-stream": "^3.0.0", - "merge-stream": "^2.0.0", - "npm-run-path": "^5.1.0", - "onetime": "^6.0.0", - "signal-exit": "^3.0.7", - "strip-final-newline": "^3.0.0" - }, - "engines": { - "node": "^14.18.0 || ^16.14.0 || >=18.0.0" - }, - "funding": { - "url": "https://github.com/sindresorhus/execa?sponsor=1" - } - }, - "node_modules/default-browser/node_modules/human-signals": { - "version": "4.3.1", - "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-4.3.1.tgz", - "integrity": "sha512-nZXjEF2nbo7lIw3mgYjItAfgQXog3OjJogSbKa2CQIIvSGWcKgeJnQlNXip6NglNzYH45nSRiEVimMvYL8DDqQ==", - "dev": true, - "engines": { - "node": ">=14.18.0" - } - }, - "node_modules/default-browser/node_modules/is-stream": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-3.0.0.tgz", - "integrity": "sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==", - "dev": true, - "engines": { - "node": "^12.20.0 || ^14.13.1 || >=16.0.0" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/default-browser/node_modules/mimic-fn": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz", - "integrity": "sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==", - "dev": true, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/default-browser/node_modules/npm-run-path": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-5.1.0.tgz", - "integrity": "sha512-sJOdmRGrY2sjNTRMbSvluQqg+8X7ZK61yvzBEIDhz4f8z1TZFYABsqjjCBd/0PUNE9M6QDgHJXQkGUEm7Q+l9Q==", - "dev": true, - "dependencies": { - "path-key": "^4.0.0" - }, - "engines": { - "node": "^12.20.0 || ^14.13.1 || >=16.0.0" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/default-browser/node_modules/onetime": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/onetime/-/onetime-6.0.0.tgz", - "integrity": "sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==", - "dev": true, - "dependencies": { - "mimic-fn": "^4.0.0" - }, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/default-browser/node_modules/path-key": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/path-key/-/path-key-4.0.0.tgz", - "integrity": "sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==", - "dev": true, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/default-browser/node_modules/strip-final-newline": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-3.0.0.tgz", - "integrity": "sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==", - "dev": true, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/default-browser/node_modules/untildify": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/untildify/-/untildify-4.0.0.tgz", - "integrity": "sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==", - "dev": true, - "engines": { - "node": ">=8" - } - }, "node_modules/default-gateway": { "version": "6.0.3", "resolved": "https://registry.npmjs.org/default-gateway/-/default-gateway-6.0.3.tgz", @@ -26702,39 +26485,6 @@ "url": "https://github.com/sponsors/wooorm" } }, - "node_modules/is-inside-container": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-inside-container/-/is-inside-container-1.0.0.tgz", - "integrity": "sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==", - "dev": true, - "dependencies": { - "is-docker": "^3.0.0" - }, - "bin": { - "is-inside-container": "cli.js" - }, - "engines": { - "node": ">=14.16" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/is-inside-container/node_modules/is-docker": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-3.0.0.tgz", - "integrity": "sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==", - "dev": true, - "bin": { - "is-docker": "cli.js" - }, - "engines": { - "node": "^12.20.0 || ^14.13.1 || >=16.0.0" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/is-installed-globally": { "version": "0.4.0", "resolved": "https://registry.npmjs.org/is-installed-globally/-/is-installed-globally-0.4.0.tgz", @@ -39048,21 +38798,6 @@ "integrity": "sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw==", "dev": true }, - "node_modules/run-applescript": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/run-applescript/-/run-applescript-5.0.0.tgz", - "integrity": "sha512-XcT5rBksx1QdIhlFOCtgZkB99ZEouFZ1E2Kc2LHqNW13U3/74YGdkQRmThTwxy4QIyookibDKYZOPqX//6BlAg==", - "dev": true, - "dependencies": { - "execa": "^5.0.0" - }, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/run-async": { "version": "2.4.1", "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.4.1.tgz", @@ -41930,12 +41665,12 @@ "dev": true }, "node_modules/synckit": { - "version": "0.8.6", - "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.8.6.tgz", - "integrity": "sha512-laHF2savN6sMeHCjLRkheIU4wo3Zg9Ln5YOjOo7sZ5dVQW8yF5pPE5SIw1dsPhq3TRp1jisKRCdPhfs/1WMqDA==", + "version": "0.8.8", + "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.8.8.tgz", + "integrity": "sha512-HwOKAP7Wc5aRGYdKH+dw0PRRpbO841v2DENBtjnR5HFWoiNByAl7vrx3p0G/rCyYXQsrxqtX48TImFtPcIHSpQ==", "dev": true, "dependencies": { - "@pkgr/utils": "^2.4.2", + "@pkgr/core": "^0.1.0", "tslib": "^2.6.2" }, "engines": { @@ -42789,18 +42524,6 @@ "integrity": "sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw==", "dev": true }, - "node_modules/titleize": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/titleize/-/titleize-3.0.0.tgz", - "integrity": "sha512-KxVu8EYHDPBdUYdKZdKtU2aj2XfEx9AfjXxE/Aj0vT06w2icA09Vus1rh6eSu1y01akYg6BjIK/hxyLJINoMLQ==", - "dev": true, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/tmp": { "version": "0.2.1", "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.1.tgz", diff --git a/package.json b/package.json index 3433fd2b4d9..b26bb354b78 100644 --- a/package.json +++ b/package.json @@ -32,7 +32,7 @@ }, "devDependencies": { "@babel/preset-react": "7.23.3", - "@cspell/eslint-plugin": "8.2.3", + "@cspell/eslint-plugin": "8.3.2", "@esri/calcite-base": "1.2.0", "@esri/calcite-colors": "6.1.0", "@prettier/sync": "0.3.0", From d926c40fa09a192c8e01ede6b19c6240fe0ace61 Mon Sep 17 00:00:00 2001 From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com> Date: Tue, 23 Jan 2024 18:27:54 -0800 Subject: [PATCH 25/36] build(deps): update dependency cpy to v11 (#8529) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit [![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [cpy](https://togithub.com/sindresorhus/cpy) | [`10.1.0` -> `11.0.0`](https://renovatebot.com/diffs/npm/cpy/10.1.0/11.0.0) | [![age](https://developer.mend.io/api/mc/badges/age/npm/cpy/11.0.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/cpy/11.0.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/cpy/10.1.0/11.0.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/cpy/10.1.0/11.0.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes
sindresorhus/cpy (cpy) ### [`v11.0.0`](https://togithub.com/sindresorhus/cpy/releases/tag/v11.0.0) [Compare Source](https://togithub.com/sindresorhus/cpy/compare/v10.1.0...v11.0.0) ##### Breaking - Require Node.js 18 [`f9d72e1`](https://togithub.com/sindresorhus/cpy/commit/f9d72e1) ##### Improvements - [Clone](https://stackoverflow.com/questions/71629903/node-js-why-we-should-use-copyfile-ficlone-and-copyfile-ficlone-force-what-is) files whenever possible [`f9d72e1`](https://togithub.com/sindresorhus/cpy/commit/f9d72e1) ##### Maintenance - This package has a lot of problems and I unfortunately don't have time to fix them. I would recommend against using this package until these problems are resolved. Help welcome (see the issue tracker).
--- ### Configuration 📅 **Schedule**: Branch creation - "before 5am every weekday" in timezone America/Los_Angeles, Automerge - At any time (no schedule defined). 🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied. ♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about this update again. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR has been generated by [Mend Renovate](https://www.mend.io/free-developer-tools/renovate/). View repository job log [here](https://developer.mend.io/github/Esri/calcite-design-system). Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> --- package-lock.json | 112 ++++++++++++++++++++++++++++++++++++++++++---- package.json | 2 +- 2 files changed, 104 insertions(+), 10 deletions(-) diff --git a/package-lock.json b/package-lock.json index c3ff4aac618..539e8c94df0 100644 --- a/package-lock.json +++ b/package-lock.json @@ -53,7 +53,7 @@ "chromatic": "6.24.1", "concurrently": "7.6.0", "conventional-changelog-conventionalcommits": "5.0.0", - "cpy": "10.1.0", + "cpy": "11.0.0", "cpy-cli": "5.0.0", "dedent": "0.7.0", "eslint": "8.56.0", @@ -19145,6 +19145,49 @@ "node": ">=0.10.0" } }, + "node_modules/copy-file": { + "version": "11.0.0", + "resolved": "https://registry.npmjs.org/copy-file/-/copy-file-11.0.0.tgz", + "integrity": "sha512-mFsNh/DIANLqFt5VHZoGirdg7bK5+oTWlhnGu6tgRhzBlnEKWaPX2xrFaLltii/6rmhqFMJqffUgknuRdpYlHw==", + "dev": true, + "dependencies": { + "graceful-fs": "^4.2.11", + "p-event": "^6.0.0" + }, + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/copy-file/node_modules/p-event": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/p-event/-/p-event-6.0.0.tgz", + "integrity": "sha512-Xbfxd0CfZmHLGKXH32k1JKjQYX6Rkv0UtQdaFJ8OyNcf+c0oWCeXHc1C4CX/IESZLmcvfPa5aFIO/vCr5gqtag==", + "dev": true, + "dependencies": { + "p-timeout": "^6.1.2" + }, + "engines": { + "node": ">=16.17" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/copy-file/node_modules/p-timeout": { + "version": "6.1.2", + "resolved": "https://registry.npmjs.org/p-timeout/-/p-timeout-6.1.2.tgz", + "integrity": "sha512-UbD77BuZ9Bc9aABo74gfXhNvzC9Tx7SxtHSh1fxvx3jTLLYvmVhiQZZrJzqqU0jKbN32kb5VOKiLEQI/3bIjgQ==", + "dev": true, + "engines": { + "node": ">=14.16" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/copy-to-clipboard": { "version": "3.3.3", "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.3.tgz", @@ -19231,22 +19274,20 @@ } }, "node_modules/cpy": { - "version": "10.1.0", - "resolved": "https://registry.npmjs.org/cpy/-/cpy-10.1.0.tgz", - "integrity": "sha512-VC2Gs20JcTyeQob6UViBLnyP0bYHkBh6EiKzot9vi2DmeGlFT9Wd7VG3NBrkNx/jYvFBeyDOMMHdHQhbtKLgHQ==", + "version": "11.0.0", + "resolved": "https://registry.npmjs.org/cpy/-/cpy-11.0.0.tgz", + "integrity": "sha512-vA71mFQyIxCrqvP/9JBLCj05UJV/+WpvAxZK2/EiK5ndD090cjuChfJ3ExVVuZXHoTJ/3HLedOPYDWyxnNHjrg==", "dev": true, "dependencies": { - "arrify": "^3.0.0", - "cp-file": "^10.0.0", - "globby": "^13.1.4", + "copy-file": "^11.0.0", + "globby": "^13.2.2", "junk": "^4.0.1", "micromatch": "^4.0.5", - "nested-error-stacks": "^2.1.1", "p-filter": "^3.0.0", "p-map": "^6.0.0" }, "engines": { - "node": ">=16" + "node": ">=18" }, "funding": { "url": "https://github.com/sponsors/sindresorhus" @@ -19271,6 +19312,59 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/cpy-cli/node_modules/cpy": { + "version": "10.1.0", + "resolved": "https://registry.npmjs.org/cpy/-/cpy-10.1.0.tgz", + "integrity": "sha512-VC2Gs20JcTyeQob6UViBLnyP0bYHkBh6EiKzot9vi2DmeGlFT9Wd7VG3NBrkNx/jYvFBeyDOMMHdHQhbtKLgHQ==", + "dev": true, + "dependencies": { + "arrify": "^3.0.0", + "cp-file": "^10.0.0", + "globby": "^13.1.4", + "junk": "^4.0.1", + "micromatch": "^4.0.5", + "nested-error-stacks": "^2.1.1", + "p-filter": "^3.0.0", + "p-map": "^6.0.0" + }, + "engines": { + "node": ">=16" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/cpy-cli/node_modules/globby": { + "version": "13.2.2", + "resolved": "https://registry.npmjs.org/globby/-/globby-13.2.2.tgz", + "integrity": "sha512-Y1zNGV+pzQdh7H39l9zgB4PJqjRNqydvdYCDG4HFXM4XuvSaQQlEc91IU1yALL8gUTDomgBAfz3XJdmUS+oo0w==", + "dev": true, + "dependencies": { + "dir-glob": "^3.0.1", + "fast-glob": "^3.3.0", + "ignore": "^5.2.4", + "merge2": "^1.4.1", + "slash": "^4.0.0" + }, + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/cpy-cli/node_modules/slash": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz", + "integrity": "sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==", + "dev": true, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/cpy/node_modules/globby": { "version": "13.2.2", "resolved": "https://registry.npmjs.org/globby/-/globby-13.2.2.tgz", diff --git a/package.json b/package.json index b26bb354b78..485206d694b 100644 --- a/package.json +++ b/package.json @@ -71,7 +71,7 @@ "chromatic": "6.24.1", "concurrently": "7.6.0", "conventional-changelog-conventionalcommits": "5.0.0", - "cpy": "10.1.0", + "cpy": "11.0.0", "cpy-cli": "5.0.0", "dedent": "0.7.0", "eslint": "8.56.0", From 23938dadf293a3f5ad59f6bee5ea919ba5f3c90a Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Tue, 23 Jan 2024 18:28:08 -0800 Subject: [PATCH 26/36] build(deps-dev): bump follow-redirects from 1.15.3 to 1.15.4 (#8575) Bumps [follow-redirects](https://github.com/follow-redirects/follow-redirects) from 1.15.3 to 1.15.4.
Commits

[![Dependabot compatibility score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=follow-redirects&package-manager=npm_and_yarn&previous-version=1.15.3&new-version=1.15.4)](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores) Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting `@dependabot rebase`. [//]: # (dependabot-automerge-start) [//]: # (dependabot-automerge-end) ---
Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot show ignore conditions` will show all of the ignore conditions of the specified dependency - `@dependabot ignore this major version` will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this minor version` will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this dependency` will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself) You can disable automated security fix PRs for this repo from the [Security Alerts page](https://github.com/Esri/calcite-design-system/network/alerts).
Signed-off-by: dependabot[bot] Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> --- package-lock.json | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/package-lock.json b/package-lock.json index 539e8c94df0..4b1afd24e94 100644 --- a/package-lock.json +++ b/package-lock.json @@ -23614,9 +23614,9 @@ } }, "node_modules/follow-redirects": { - "version": "1.15.3", - "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.3.tgz", - "integrity": "sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==", + "version": "1.15.4", + "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.4.tgz", + "integrity": "sha512-Cr4D/5wlrb0z9dgERpUL3LrmPKVDsETIJhaCMeDfuFYcqa5bldGV6wBsAN6X/vxlXQtFBMrXdXxdL8CbDTGniw==", "dev": true, "funding": [ { From 871260ab0a71c93a50e342e25aa8e58aae7cd153 Mon Sep 17 00:00:00 2001 From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com> Date: Tue, 23 Jan 2024 18:39:41 -0800 Subject: [PATCH 27/36] build(deps): update dependency dedent to v1 (#8530) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit [![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [dedent](https://togithub.com/dmnd/dedent) | [`0.7.0` -> `1.5.1`](https://renovatebot.com/diffs/npm/dedent/0.7.0/1.5.1) | [![age](https://developer.mend.io/api/mc/badges/age/npm/dedent/1.5.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/dedent/1.5.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/dedent/0.7.0/1.5.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/dedent/0.7.0/1.5.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes
dmnd/dedent (dedent) ### [`v1.5.1`](https://togithub.com/dmnd/dedent/blob/HEAD/CHANGELOG.md#151) [Compare Source](https://togithub.com/dmnd/dedent/compare/v1.5.0...v1.5.1) - fix: add missing dedent.d.mts entry to package.json files ([#​73](https://togithub.com/dmnd/dedent/issues/73)) ### [`v1.5.0`](https://togithub.com/dmnd/dedent/blob/HEAD/CHANGELOG.md#150) [Compare Source](https://togithub.com/dmnd/dedent/compare/v1.4.0...v1.5.0) - feat: add options with escapeSpecialCharacters ([#​65](https://togithub.com/dmnd/dedent/issues/65)) ### [`v1.4.0`](https://togithub.com/dmnd/dedent/blob/HEAD/CHANGELOG.md#140) [Compare Source](https://togithub.com/dmnd/dedent/compare/v1.3.0...v1.4.0) - fix: add missing exports field to package.json ([#​59](https://togithub.com/dmnd/dedent/issues/59)) - fix: fix missing ESM type definition file ([#​67](https://togithub.com/dmnd/dedent/issues/67)) ### [`v1.3.0`](https://togithub.com/dmnd/dedent/blob/HEAD/CHANGELOG.md#130) [Compare Source](https://togithub.com/dmnd/dedent/compare/v1.2.0...v1.3.0) - fix: add missing exports field to package.json ([#​59](https://togithub.com/dmnd/dedent/issues/59)) ### [`v1.2.0`](https://togithub.com/dmnd/dedent/blob/HEAD/CHANGELOG.md#120) [Compare Source](https://togithub.com/dmnd/dedent/compare/v1.1.0...v1.2.0) - fix(dependencies): move babel-plugin-macros to optional peer ([#​60](https://togithub.com/dmnd/dedent/issues/60)) ### [`v1.1.0`](https://togithub.com/dmnd/dedent/blob/HEAD/CHANGELOG.md#110) [Compare Source](https://togithub.com/dmnd/dedent/compare/v1.0.2...v1.1.0) - build: convert dedent.ts and tests to TypeScript ([#​51](https://togithub.com/dmnd/dedent/issues/51)) ### [`v1.0.2`](https://togithub.com/dmnd/dedent/blob/HEAD/CHANGELOG.md#102) [Compare Source](https://togithub.com/dmnd/dedent/compare/v1.0.1...v1.0.2) - fix: update types ([#​44](https://togithub.com/dmnd/dedent/issues/44)) ### [`v1.0.1`](https://togithub.com/dmnd/dedent/blob/HEAD/CHANGELOG.md#101) [Compare Source](https://togithub.com/dmnd/dedent/compare/v1.0.0...v1.0.1) This was a version bump only to mark 1.x as stable. ### [`v1.0.0`](https://togithub.com/dmnd/dedent/blob/HEAD/CHANGELOG.md#100) [Compare Source](https://togithub.com/dmnd/dedent/compare/v0.7.0...v1.0.0) This version was given the `beta` tag in npm. - fix: add babel-plugin-add-module-exports ([#​40](https://togithub.com/dmnd/dedent/issues/40)) - build: publish ESM and .d.ts ([#​32](https://togithub.com/dmnd/dedent/issues/32)) - build: re-run build to refresh dist/dedent.js ([#​38](https://togithub.com/dmnd/dedent/issues/38)) Note: although this was a new major version, it contains no breaking changes from 0.x. The versioning intent was purely to signal that the API is stable.
--- ### Configuration 📅 **Schedule**: Branch creation - "before 5am every weekday" in timezone America/Los_Angeles, Automerge - At any time (no schedule defined). 🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied. ♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about this update again. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR has been generated by [Mend Renovate](https://www.mend.io/free-developer-tools/renovate/). View repository job log [here](https://developer.mend.io/github/Esri/calcite-design-system). Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> --- package-lock.json | 44 +++++++++++++++++++++++++------------------- package.json | 2 +- 2 files changed, 26 insertions(+), 20 deletions(-) diff --git a/package-lock.json b/package-lock.json index 4b1afd24e94..a5d514bd07d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -55,7 +55,7 @@ "conventional-changelog-conventionalcommits": "5.0.0", "cpy": "11.0.0", "cpy-cli": "5.0.0", - "dedent": "0.7.0", + "dedent": "1.5.1", "eslint": "8.56.0", "eslint-config-prettier": "8.10.0", "eslint-plugin-import": "2.29.1", @@ -8616,6 +8616,12 @@ } } }, + "node_modules/@lerna/create/node_modules/dedent": { + "version": "0.7.0", + "resolved": "https://registry.npmjs.org/dedent/-/dedent-0.7.0.tgz", + "integrity": "sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==", + "dev": true + }, "node_modules/@lerna/create/node_modules/execa": { "version": "5.0.0", "resolved": "https://registry.npmjs.org/execa/-/execa-5.0.0.tgz", @@ -20293,10 +20299,18 @@ } }, "node_modules/dedent": { - "version": "0.7.0", - "resolved": "https://registry.npmjs.org/dedent/-/dedent-0.7.0.tgz", - "integrity": "sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==", - "dev": true + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/dedent/-/dedent-1.5.1.tgz", + "integrity": "sha512-+LxW+KLWxu3HW3M2w2ympwtqPrqYRzU8fqi6Fhd18fBALe15blJPI/I4+UHveMVG6lJqB4JNd4UG0S5cnVHwIg==", + "dev": true, + "peerDependencies": { + "babel-plugin-macros": "^3.1.0" + }, + "peerDependenciesMeta": { + "babel-plugin-macros": { + "optional": true + } + } }, "node_modules/deep-equal": { "version": "2.2.3", @@ -27516,20 +27530,6 @@ "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", "dev": true }, - "node_modules/jest-circus/node_modules/dedent": { - "version": "1.5.1", - "resolved": "https://registry.npmjs.org/dedent/-/dedent-1.5.1.tgz", - "integrity": "sha512-+LxW+KLWxu3HW3M2w2ympwtqPrqYRzU8fqi6Fhd18fBALe15blJPI/I4+UHveMVG6lJqB4JNd4UG0S5cnVHwIg==", - "dev": true, - "peerDependencies": { - "babel-plugin-macros": "^3.1.0" - }, - "peerDependenciesMeta": { - "babel-plugin-macros": { - "optional": true - } - } - }, "node_modules/jest-circus/node_modules/has-flag": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", @@ -30264,6 +30264,12 @@ } } }, + "node_modules/lerna/node_modules/dedent": { + "version": "0.7.0", + "resolved": "https://registry.npmjs.org/dedent/-/dedent-0.7.0.tgz", + "integrity": "sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==", + "dev": true + }, "node_modules/lerna/node_modules/execa": { "version": "5.0.0", "resolved": "https://registry.npmjs.org/execa/-/execa-5.0.0.tgz", diff --git a/package.json b/package.json index 485206d694b..251cf6ee8eb 100644 --- a/package.json +++ b/package.json @@ -73,7 +73,7 @@ "conventional-changelog-conventionalcommits": "5.0.0", "cpy": "11.0.0", "cpy-cli": "5.0.0", - "dedent": "0.7.0", + "dedent": "1.5.1", "eslint": "8.56.0", "eslint-config-prettier": "8.10.0", "eslint-plugin-import": "2.29.1", From 1ae60f709577c71971a413c5d173ebf2ab806f57 Mon Sep 17 00:00:00 2001 From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com> Date: Tue, 23 Jan 2024 18:41:02 -0800 Subject: [PATCH 28/36] build(deps): update dependency chromatic to v10 (#8521) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit [![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [chromatic](https://www.chromatic.com) ([source](https://togithub.com/chromaui/chromatic-cli)) | [`6.24.1` -> `10.3.1`](https://renovatebot.com/diffs/npm/chromatic/6.24.1/10.3.1) | [![age](https://developer.mend.io/api/mc/badges/age/npm/chromatic/10.3.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/chromatic/10.3.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/chromatic/6.24.1/10.3.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/chromatic/6.24.1/10.3.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes
chromaui/chromatic-cli (chromatic) ### [`v10.3.1`](https://togithub.com/chromaui/chromatic-cli/blob/HEAD/CHANGELOG.md#v1031-Wed-Jan-17-2024) [Compare Source](https://togithub.com/chromaui/chromatic-cli/compare/v10.3.0...v10.3.1) ##### 🐛 Bug Fix - Fix potential zip upload error when deduping files on a very large Storybook [#​892](https://togithub.com/chromaui/chromatic-cli/pull/892) ([@​ghengeveld](https://togithub.com/ghengeveld)) ##### Authors: 1 - Gert Hengeveld ([@​ghengeveld](https://togithub.com/ghengeveld)) *** ### [`v10.3.0`](https://togithub.com/chromaui/chromatic-cli/blob/HEAD/CHANGELOG.md#v1030-Tue-Jan-16-2024) [Compare Source](https://togithub.com/chromaui/chromatic-cli/compare/v10.2.2...v10.3.0) ##### 🚀 Enhancement - Add missing `skip` option to configuration schema [#​890](https://togithub.com/chromaui/chromatic-cli/pull/890) ([@​ghengeveld](https://togithub.com/ghengeveld)) - Detect merge queue branch and retrieve real branch name from pull request [#​884](https://togithub.com/chromaui/chromatic-cli/pull/884) ([@​JonathanKolnik](https://togithub.com/JonathanKolnik) [@​ghengeveld](https://togithub.com/ghengeveld)) - Deduplicate files to be uploaded using file hashing [#​875](https://togithub.com/chromaui/chromatic-cli/pull/875) ([@​ghengeveld](https://togithub.com/ghengeveld)) - Replace upload mechanism to use a batched mutation with a new API [#​888](https://togithub.com/chromaui/chromatic-cli/pull/888) ([@​ghengeveld](https://togithub.com/ghengeveld)) ##### 🐛 Bug Fix - Retrieve `sentinelUrls` from `uploadBuild` and wait for all of them before finishing upload task [#​878](https://togithub.com/chromaui/chromatic-cli/pull/878) ([@​ghengeveld](https://togithub.com/ghengeveld)) ##### Authors: 2 - Gert Hengeveld ([@​ghengeveld](https://togithub.com/ghengeveld)) - Jono Kolnik ([@​JonathanKolnik](https://togithub.com/JonathanKolnik)) *** ### [`v10.2.2`](https://togithub.com/chromaui/chromatic-cli/blob/HEAD/CHANGELOG.md#v1022-Fri-Jan-12-2024) [Compare Source](https://togithub.com/chromaui/chromatic-cli/compare/v10.2.1...v10.2.2) ##### 🐛 Bug Fix - Add configFile option to GitHub Action [#​885](https://togithub.com/chromaui/chromatic-cli/pull/885) ([@​wisestuart](https://togithub.com/wisestuart)) ##### Authors: 1 - Stuart Hammar ([@​wisestuart](https://togithub.com/wisestuart)) *** ### [`v10.2.1`](https://togithub.com/chromaui/chromatic-cli/blob/HEAD/CHANGELOG.md#v1021-Wed-Jan-10-2024) [Compare Source](https://togithub.com/chromaui/chromatic-cli/compare/v10.2.0...v10.2.1) ##### 🐛 Bug Fix - Revert "Replace `getUploadUrls` with `uploadBuild` mutation" [#​883](https://togithub.com/chromaui/chromatic-cli/pull/883) ([@​JonathanKolnik](https://togithub.com/JonathanKolnik)) - Run publish-action script as afterShipIt hook [#​877](https://togithub.com/chromaui/chromatic-cli/pull/877) ([@​ghengeveld](https://togithub.com/ghengeveld)) ##### Authors: 2 - Gert Hengeveld ([@​ghengeveld](https://togithub.com/ghengeveld)) - Jono Kolnik ([@​JonathanKolnik](https://togithub.com/JonathanKolnik)) *** ### [`v10.2.0`](https://togithub.com/chromaui/chromatic-cli/blob/HEAD/CHANGELOG.md#v1020-Thu-Dec-21-2023) [Compare Source](https://togithub.com/chromaui/chromatic-cli/compare/v10.1.0...v10.2.0) ##### 🚀 Enhancement - Replace `getUploadUrls` with `uploadBuild` mutation [#​876](https://togithub.com/chromaui/chromatic-cli/pull/876) ([@​ghengeveld](https://togithub.com/ghengeveld)) - Implement file hashing for to-be-uploaded files [#​870](https://togithub.com/chromaui/chromatic-cli/pull/870) ([@​ghengeveld](https://togithub.com/ghengeveld)) ##### 🐛 Bug Fix - Allow overriding `NODE_ENV` with `STORYBOOK_NODE_ENV` [#​879](https://togithub.com/chromaui/chromatic-cli/pull/879) ([@​tmeasday](https://togithub.com/tmeasday)) - Use code splitting in tsup CJS output [#​873](https://togithub.com/chromaui/chromatic-cli/pull/873) ([@​tmeasday](https://togithub.com/tmeasday)) ##### Authors: 2 - Gert Hengeveld ([@​ghengeveld](https://togithub.com/ghengeveld)) - Tom Coleman ([@​tmeasday](https://togithub.com/tmeasday)) *** ### [`v10.1.0`](https://togithub.com/chromaui/chromatic-cli/blob/HEAD/CHANGELOG.md#v1010-Thu-Dec-07-2023) [Compare Source](https://togithub.com/chromaui/chromatic-cli/compare/v10.0.0...v10.1.0) ##### 🚀 Enhancement - Increase number of commits checked for squash merge [#​866](https://togithub.com/chromaui/chromatic-cli/pull/866) ([@​tmeasday](https://togithub.com/tmeasday) [@​tevanoff](https://togithub.com/tevanoff)) ##### Authors: 2 - Todd Evanoff ([@​tevanoff](https://togithub.com/tevanoff)) - Tom Coleman ([@​tmeasday](https://togithub.com/tmeasday)) *** ### [`v10.0.0`](https://togithub.com/chromaui/chromatic-cli/blob/HEAD/CHANGELOG.md#v1000-Fri-Dec-01-2023) [Compare Source](https://togithub.com/chromaui/chromatic-cli/compare/v9.1.0...v10.0.0) ##### 💥 Breaking Change - Force `NODE_ENV=production` for Storybook builds through the CLI [#​865](https://togithub.com/chromaui/chromatic-cli/pull/865) ([@​tmeasday](https://togithub.com/tmeasday)) ##### 🐛 Bug Fix - Support pinning GitHub Action to major or patch version [#​863](https://togithub.com/chromaui/chromatic-cli/pull/863) ([@​ghengeveld](https://togithub.com/ghengeveld)) ##### Authors: 2 - Gert Hengeveld ([@​ghengeveld](https://togithub.com/ghengeveld)) - Tom Coleman ([@​tmeasday](https://togithub.com/tmeasday)) *** ### [`v9.1.0`](https://togithub.com/chromaui/chromatic-cli/blob/HEAD/CHANGELOG.md#v910-Fri-Nov-17-2023) [Compare Source](https://togithub.com/chromaui/chromatic-cli/compare/v9.0.0...v9.1.0) ##### 🚀 Enhancement - Don't write `chromatic.log` by default, allow configuring log files [#​855](https://togithub.com/chromaui/chromatic-cli/pull/855) ([@​ghengeveld](https://togithub.com/ghengeveld)) ##### 🐛 Bug Fix - Redact `userToken` in diagnostics and fatal error output [#​859](https://togithub.com/chromaui/chromatic-cli/pull/859) ([@​ghengeveld](https://togithub.com/ghengeveld)) - Bump zod from 3.22.2 to 3.22.3 [#​830](https://togithub.com/chromaui/chromatic-cli/pull/830) ([@​dependabot\[bot\]](https://togithub.com/dependabot\[bot]) [@​thafryer](https://togithub.com/thafryer)) - Bump word-wrap from 1.2.3 to 1.2.5 [#​804](https://togithub.com/chromaui/chromatic-cli/pull/804) ([@​dependabot\[bot\]](https://togithub.com/dependabot\[bot]) [@​thafryer](https://togithub.com/thafryer)) - Bump get-func-name from 2.0.0 to 2.0.2 [#​824](https://togithub.com/chromaui/chromatic-cli/pull/824) ([@​dependabot\[bot\]](https://togithub.com/dependabot\[bot]) [@​thafryer](https://togithub.com/thafryer)) - Bump [@​babel/traverse](https://togithub.com/babel/traverse) from 7.16.3 to 7.23.2 in /subdir [#​838](https://togithub.com/chromaui/chromatic-cli/pull/838) ([@​dependabot\[bot\]](https://togithub.com/dependabot\[bot]) [@​thafryer](https://togithub.com/thafryer)) - Fix changelog for 9.0.0 and update auto config to prevent issue in the future [#​854](https://togithub.com/chromaui/chromatic-cli/pull/854) ([@​ghengeveld](https://togithub.com/ghengeveld)) ##### ⚠️ Pushed to `main` - Drop next-release label ([@​ghengeveld](https://togithub.com/ghengeveld)) ##### Authors: 3 - [@​dependabot\[bot\]](https://togithub.com/dependabot\[bot]) - Gert Hengeveld ([@​ghengeveld](https://togithub.com/ghengeveld)) - Jarel Fryer ([@​thafryer](https://togithub.com/thafryer)) *** ### [`v9.0.0`](https://togithub.com/chromaui/chromatic-cli/blob/HEAD/CHANGELOG.md#v900-Fri-Nov-10-2023) [Compare Source](https://togithub.com/chromaui/chromatic-cli/compare/v8.0.0...v9.0.0) ##### 🚀 Enhancement - Support `projectId` + `userToken` as alternative to `projectToken` for auth [#​852](https://togithub.com/chromaui/chromatic-cli/pull/852) ([@​ghengeveld](https://togithub.com/ghengeveld)) ##### Authors: 1 - Gert Hengeveld ([@​ghengeveld](https://togithub.com/ghengeveld)) *** ### [`v8.0.0`](https://togithub.com/chromaui/chromatic-cli/blob/HEAD/CHANGELOG.md#v800-Thu-Nov-09-2023) [Compare Source](https://togithub.com/chromaui/chromatic-cli/compare/v7.6.0...v8.0.0) ##### 💥 Breaking Change - Drop official support for Node 14/16 [#​839](https://togithub.com/chromaui/chromatic-cli/pull/839) ([@​ghengeveld](https://togithub.com/ghengeveld)) ##### 🚀 Enhancement - Merge Group (Queues) GitHub Action Event Support [#​825](https://togithub.com/chromaui/chromatic-cli/pull/825) ([@​mhemmings](https://togithub.com/mhemmings) [@​thafryer](https://togithub.com/thafryer)) ##### 🐛 Bug Fix - Bump browserify-sign from 4.2.1 to 4.2.2 [#​848](https://togithub.com/chromaui/chromatic-cli/pull/848) ([@​dependabot\[bot\]](https://togithub.com/dependabot\[bot])) - Bump semver from 7.3.5 to 7.5.2 [#​778](https://togithub.com/chromaui/chromatic-cli/pull/778) ([@​dependabot\[bot\]](https://togithub.com/dependabot\[bot])) - Bump browserify-sign from 4.2.1 to 4.2.2 in /subdir [#​849](https://togithub.com/chromaui/chromatic-cli/pull/849) ([@​dependabot\[bot\]](https://togithub.com/dependabot\[bot]) [@​thafryer](https://togithub.com/thafryer)) - Configure auto with `prerelease` setting and update readme [#​847](https://togithub.com/chromaui/chromatic-cli/pull/847) ([@​ghengeveld](https://togithub.com/ghengeveld)) ##### Authors: 4 - [@​dependabot\[bot\]](https://togithub.com/dependabot\[bot]) - Gert Hengeveld ([@​ghengeveld](https://togithub.com/ghengeveld)) - Jarel Fryer ([@​thafryer](https://togithub.com/thafryer)) - Mark Hemmings ([@​mhemmings](https://togithub.com/mhemmings)) *** ### [`v7.6.0`](https://togithub.com/chromaui/chromatic-cli/blob/HEAD/CHANGELOG.md#v760-Tue-Oct-31-2023) [Compare Source](https://togithub.com/chromaui/chromatic-cli/compare/v7.5.4...v7.6.0) ##### 🚀 Enhancement - Merge Group (Queues) GitHub Action Event Support [#​825](https://togithub.com/chromaui/chromatic-cli/pull/825) ([@​mhemmings](https://togithub.com/mhemmings) [@​thafryer](https://togithub.com/thafryer)) ##### 🐛 Bug Fix - Configure auto with `prerelease` setting and update readme [#​847](https://togithub.com/chromaui/chromatic-cli/pull/847) ([@​ghengeveld](https://togithub.com/ghengeveld)) ##### Authors: 3 - Gert Hengeveld ([@​ghengeveld](https://togithub.com/ghengeveld)) - Jarel Fryer ([@​thafryer](https://togithub.com/thafryer)) - Mark Hemmings ([@​mhemmings](https://togithub.com/mhemmings)) *** ### [`v7.5.4`](https://togithub.com/chromaui/chromatic-cli/blob/HEAD/CHANGELOG.md#v754-Thu-Oct-26-2023) [Compare Source](https://togithub.com/chromaui/chromatic-cli/compare/v7.5.3...v7.5.4) ##### 🐛 Bug Fix - Configure auto with `prerelease` setting and update readme [#​847](https://togithub.com/chromaui/chromatic-cli/pull/847) ([@​ghengeveld](https://togithub.com/ghengeveld)) ##### Authors: 1 - Gert Hengeveld ([@​ghengeveld](https://togithub.com/ghengeveld)) *** ### [`v7.5.3`](https://togithub.com/chromaui/chromatic-cli/blob/HEAD/CHANGELOG.md#v753-Thu-Oct-26-2023) [Compare Source](https://togithub.com/chromaui/chromatic-cli/compare/v7.5.2...v7.5.3) ##### 🐛 Bug Fix - Fix config for Auto and add `next-release` tag to trigger a `next` release [#​846](https://togithub.com/chromaui/chromatic-cli/pull/846) ([@​ghengeveld](https://togithub.com/ghengeveld)) ##### Authors: 1 - Gert Hengeveld ([@​ghengeveld](https://togithub.com/ghengeveld)) *** ### [`v7.5.2`](https://togithub.com/chromaui/chromatic-cli/blob/HEAD/CHANGELOG.md#v752-Thu-Oct-26-2023) [Compare Source](https://togithub.com/chromaui/chromatic-cli/compare/v7.5.1...v7.5.2) ##### 🐛 Bug Fix - Fix `ENOENT` when uploading stats file with `--upload-metadata` [#​843](https://togithub.com/chromaui/chromatic-cli/pull/843) ([@​ghengeveld](https://togithub.com/ghengeveld)) ##### Authors: 1 - Gert Hengeveld ([@​ghengeveld](https://togithub.com/ghengeveld)) *** ### [`v7.5.1`](https://togithub.com/chromaui/chromatic-cli/blob/HEAD/CHANGELOG.md#v751-Thu-Oct-26-2023) [Compare Source](https://togithub.com/chromaui/chromatic-cli/compare/v7.5.0...v7.5.1) ##### 🐛 Bug Fix - Fix use of `LoggingRenderer` after bad merge [#​845](https://togithub.com/chromaui/chromatic-cli/pull/845) ([@​ghengeveld](https://togithub.com/ghengeveld)) ##### Authors: 1 - Gert Hengeveld ([@​ghengeveld](https://togithub.com/ghengeveld)) *** ### [`v7.5.0`](https://togithub.com/chromaui/chromatic-cli/blob/HEAD/CHANGELOG.md#v750-Tue-Oct-24-2023) [Compare Source](https://togithub.com/chromaui/chromatic-cli/compare/v7.4.0...v7.5.0) ##### 🚀 Enhancement - Write to log file and add `--upload-metadata` to publish metadata files [#​836](https://togithub.com/chromaui/chromatic-cli/pull/836) ([@​ghengeveld](https://togithub.com/ghengeveld)) ##### 🐛 Bug Fix - Add workflow to require certain PR labels before merging [#​841](https://togithub.com/chromaui/chromatic-cli/pull/841) ([@​ghengeveld](https://togithub.com/ghengeveld)) - Fix reading `diagnostics` from undefined [#​840](https://togithub.com/chromaui/chromatic-cli/pull/840) ([@​ghengeveld](https://togithub.com/ghengeveld)) - Only release 'latest' GitHub Action from `main` branch [#​837](https://togithub.com/chromaui/chromatic-cli/pull/837) ([@​ghengeveld](https://togithub.com/ghengeveld)) ##### Authors: 1 - Gert Hengeveld ([@​ghengeveld](https://togithub.com/ghengeveld)) *** ### [`v7.4.0`](https://togithub.com/chromaui/chromatic-cli/blob/HEAD/CHANGELOG.md#v740-Fri-Oct-13-2023) [Compare Source](https://togithub.com/chromaui/chromatic-cli/compare/v7.3.0...v7.4.0) ##### 🚀 Enhancement - Support untraced flag in dependency tracing fallback scenario (for pnpm) [#​835](https://togithub.com/chromaui/chromatic-cli/pull/835) ([@​ghengeveld](https://togithub.com/ghengeveld)) ##### 🐛 Bug Fix - Improvements to auto release workflow [#​832](https://togithub.com/chromaui/chromatic-cli/pull/832) ([@​chromatic-support](https://togithub.com/chromatic-support) [@​ghengeveld](https://togithub.com/ghengeveld)) ##### Authors: 2 - [@​chromatic-support](https://togithub.com/chromatic-support) - Gert Hengeveld ([@​ghengeveld](https://togithub.com/ghengeveld)) *** ### [`v7.3.0`](https://togithub.com/chromaui/chromatic-cli/blob/HEAD/CHANGELOG.md#v730-Tue-Oct-10-2023) [Compare Source](https://togithub.com/chromaui/chromatic-cli/compare/v7.2.3...v7.3.0) ##### 🚀 Enhancement - Pass runtime metadata in `announceBuild` [#​826](https://togithub.com/chromaui/chromatic-cli/pull/826) ([@​ghengeveld](https://togithub.com/ghengeveld)) ##### 🐛 Bug Fix - Gracefully handle gpg signature info in `git log` output [#​833](https://togithub.com/chromaui/chromatic-cli/pull/833) ([@​ghengeveld](https://togithub.com/ghengeveld)) ##### Authors: 1 - Gert Hengeveld ([@​ghengeveld](https://togithub.com/ghengeveld)) *** ### [`v7.2.3`](https://togithub.com/chromaui/chromatic-cli/blob/HEAD/CHANGELOG.md#v723-Fri-Oct-06-2023) [Compare Source](https://togithub.com/chromaui/chromatic-cli/compare/v7.2.2...v7.2.3) ##### 🐛 Bug Fix - Fix dependency tracing for monorepos with no `package.json` at the repository root [#​827](https://togithub.com/chromaui/chromatic-cli/pull/827) ([@​ghengeveld](https://togithub.com/ghengeveld)) ##### Authors: 1 - Gert Hengeveld ([@​ghengeveld](https://togithub.com/ghengeveld)) *** ### [`v7.2.2`](https://togithub.com/chromaui/chromatic-cli/blob/HEAD/CHANGELOG.md#v722-Wed-Oct-04-2023) [Compare Source](https://togithub.com/chromaui/chromatic-cli/compare/v7.2.1...v7.2.2) ##### ⚠️ Pushed to `main` - Clean up auto-generated changelog ([@​ghengeveld](https://togithub.com/ghengeveld)) ##### Authors: 1 - Gert Hengeveld ([@​ghengeveld](https://togithub.com/ghengeveld)) *** ### [`v7.2.1`](https://togithub.com/chromaui/chromatic-cli/blob/HEAD/CHANGELOG.md#v721-Wed-Oct-04-2023) [Compare Source](https://togithub.com/chromaui/chromatic-cli/compare/v7.2.0...v7.2.1) ##### 🐛 Bug Fix - Add `experimental_abortSignal` to Node API to allow canceling builds [#​822](https://togithub.com/chromaui/chromatic-cli/pull/822) ([@​ghengeveld](https://togithub.com/ghengeveld)) - Migrate from Jest to Vitest, update ESLint config and upgrade Execa [#​821](https://togithub.com/chromaui/chromatic-cli/pull/821) ([@​ghengeveld](https://togithub.com/ghengeveld)) - Replace release script with auto shipit [#​828](https://togithub.com/chromaui/chromatic-cli/pull/828) ([@​ghengeveld](https://togithub.com/ghengeveld)) ##### Authors: 1 - Gert Hengeveld ([@​ghengeveld](https://togithub.com/ghengeveld)) *** ### [`v7.2.0`](https://togithub.com/chromaui/chromatic-cli/compare/v7.1.0...v7.2.0) [Compare Source](https://togithub.com/chromaui/chromatic-cli/compare/v7.1.0...v7.2.0) ### [`v7.1.0`](https://togithub.com/chromaui/chromatic-cli/blob/HEAD/CHANGELOG.md#710---2023-09-07) [Compare Source](https://togithub.com/chromaui/chromatic-cli/compare/v7.0.0...v7.1.0) - [812](https://togithub.com/chromaui/chromatic-cli/pull/812) Allow running a build from a repo with only one commit when not in CI - [810](https://togithub.com/chromaui/chromatic-cli/pull/810) Add `onTaskStart`, and a new typed field `ctx.task` - [808](https://togithub.com/chromaui/chromatic-cli/pull/808) Add `onTaskError` option to report errors to node consumers - [813](https://togithub.com/chromaui/chromatic-cli/pull/813) Rename `onTaskError` to `experimental_onTaskError` ### [`v7.0.0`](https://togithub.com/chromaui/chromatic-cli/blob/HEAD/CHANGELOG.md#700---2023-09-04) [Compare Source](https://togithub.com/chromaui/chromatic-cli/compare/v6.24.1...v7.0.0) - [789](https://togithub.com/chromaui/chromatic-cli/pull/789) Use `@antfu/ni` to support `pnpm` for Storybook build - [805](https://togithub.com/chromaui/chromatic-cli/pull/805) Add a `onTaskProgress` option and report progress on it This is a potentially breaking change due to the introduction of [@​antfu/ni](https://togithub.com/antfu/ni) to handle running the `storybook build` command in the **Build Storybook** step.
--- ### Configuration 📅 **Schedule**: Branch creation - "before 5am every weekday" in timezone America/Los_Angeles, Automerge - At any time (no schedule defined). 🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied. ♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about this update again. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR has been generated by [Mend Renovate](https://www.mend.io/free-developer-tools/renovate/). View repository job log [here](https://developer.mend.io/github/Esri/calcite-design-system). Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> --- package-lock.json | 8 ++++---- package.json | 2 +- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/package-lock.json b/package-lock.json index a5d514bd07d..838ba9da3b2 100644 --- a/package-lock.json +++ b/package-lock.json @@ -50,7 +50,7 @@ "change-case": "4.1.2", "cheerio": "1.0.0-rc.10", "chokidar": "3.5.3", - "chromatic": "6.24.1", + "chromatic": "10.3.1", "concurrently": "7.6.0", "conventional-changelog-conventionalcommits": "5.0.0", "cpy": "11.0.0", @@ -17749,9 +17749,9 @@ } }, "node_modules/chromatic": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/chromatic/-/chromatic-6.24.1.tgz", - "integrity": "sha512-XbpdWWHvFpEHtcq1Km71UcuQ07effB+8q8L47E1Y7HJmJ4ZCoKCuPd8liNrbnvwEAxqfBZvTcONYU/3BPz2i5w==", + "version": "10.3.1", + "resolved": "https://registry.npmjs.org/chromatic/-/chromatic-10.3.1.tgz", + "integrity": "sha512-IHczKH3K3vVeZGE3XyCy/T8EQH2mGUEyQ9QUuULrWlYCfo760cnzehdTjrpuIUetkHtv7noA5Hmn6joQlz3Ufw==", "dev": true, "bin": { "chroma": "dist/bin.js", diff --git a/package.json b/package.json index 251cf6ee8eb..093370ad112 100644 --- a/package.json +++ b/package.json @@ -68,7 +68,7 @@ "change-case": "4.1.2", "cheerio": "1.0.0-rc.10", "chokidar": "3.5.3", - "chromatic": "6.24.1", + "chromatic": "10.3.1", "concurrently": "7.6.0", "conventional-changelog-conventionalcommits": "5.0.0", "cpy": "11.0.0", From 714b88949cbb66c0acfd360a785e4af34ea54d3e Mon Sep 17 00:00:00 2001 From: JC Franco Date: Tue, 23 Jan 2024 21:46:46 -0800 Subject: [PATCH 29/36] feat(action-bar, action-pad, block, flow-item, panel): add `overlayPositioning` prop for built-in menus (#8633) **Related Issue:** #8620 ## Summary This allows users to specify `overlayPositioning` to help escape scrolling containers for underlying menus. **Note**: this adds a new helper (`delegatesToFloatingUiOwningComponent`) to shallowly test if a component has a floating-ui-owning component wired up. --- .../calcite-components/src/components.d.ts | 44 ++++++++++++- .../components/action-bar/action-bar.e2e.ts | 29 ++++++++- .../src/components/action-bar/action-bar.tsx | 13 ++++ .../components/action-menu/action-menu.e2e.ts | 20 +++++- .../components/action-pad/action-pad.e2e.ts | 29 ++++++++- .../src/components/action-pad/action-pad.tsx | 13 ++++ .../src/components/block/block.e2e.ts | 47 +++++++++++++- .../src/components/block/block.tsx | 16 ++++- .../src/components/flow-item/flow-item.e2e.ts | 63 ++++++++++++++++++- .../src/components/flow-item/flow-item.tsx | 13 ++++ .../src/components/panel/panel.e2e.ts | 47 +++++++++++++- .../src/components/panel/panel.tsx | 12 ++++ .../src/tests/commonTests.ts | 34 ++++++++++ 13 files changed, 371 insertions(+), 9 deletions(-) diff --git a/packages/calcite-components/src/components.d.ts b/packages/calcite-components/src/components.d.ts index 2a7078e184b..2ac3aa8b583 100644 --- a/packages/calcite-components/src/components.d.ts +++ b/packages/calcite-components/src/components.d.ts @@ -9,8 +9,8 @@ import { Alignment, Appearance, Columns, FlipContext, Kind, Layout, LogicalFlowP import { RequestedItem } from "./components/accordion/interfaces"; import { RequestedItem as RequestedItem1 } from "./components/accordion-item/interfaces"; import { ActionMessages } from "./components/action/assets/action/t9n"; -import { ActionBarMessages } from "./components/action-bar/assets/action-bar/t9n"; import { EffectivePlacement, LogicalPlacement, MenuPlacement, OverlayPositioning, ReferenceElement } from "./utils/floating-ui"; +import { ActionBarMessages } from "./components/action-bar/assets/action-bar/t9n"; import { ActionGroupMessages } from "./components/action-group/assets/action-group/t9n"; import { ActionPadMessages } from "./components/action-pad/assets/action-pad/t9n"; import { AlertDuration, Sync } from "./components/alert/interfaces"; @@ -95,8 +95,8 @@ export { Alignment, Appearance, Columns, FlipContext, Kind, Layout, LogicalFlowP export { RequestedItem } from "./components/accordion/interfaces"; export { RequestedItem as RequestedItem1 } from "./components/accordion-item/interfaces"; export { ActionMessages } from "./components/action/assets/action/t9n"; -export { ActionBarMessages } from "./components/action-bar/assets/action-bar/t9n"; export { EffectivePlacement, LogicalPlacement, MenuPlacement, OverlayPositioning, ReferenceElement } from "./utils/floating-ui"; +export { ActionBarMessages } from "./components/action-bar/assets/action-bar/t9n"; export { ActionGroupMessages } from "./components/action-group/assets/action-group/t9n"; export { ActionPadMessages } from "./components/action-pad/assets/action-pad/t9n"; export { AlertDuration, Sync } from "./components/alert/interfaces"; @@ -344,6 +344,10 @@ export namespace Components { * Disables automatically overflowing `calcite-action`s that won't fit into menus. */ "overflowActionsDisabled": boolean; + /** + * Determines the type of positioning to use for the overlaid content. Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`. + */ + "overlayPositioning": OverlayPositioning; /** * Arranges the component depending on the element's `dir` property. */ @@ -463,6 +467,10 @@ export namespace Components { * Made into a prop for testing purposes only */ "messages": ActionPadMessages; + /** + * Determines the type of positioning to use for the overlaid content. Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`. + */ + "overlayPositioning": OverlayPositioning; /** * Arranges the component depending on the element's `dir` property. */ @@ -604,6 +612,10 @@ export namespace Components { * When `true`, expands the component and its contents. */ "open": boolean; + /** + * Determines the type of positioning to use for the overlaid content. Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`. + */ + "overlayPositioning": OverlayPositioning; /** * Sets focus on the component's first tabbable element. */ @@ -1724,6 +1736,10 @@ export namespace Components { * Made into a prop for testing purposes only */ "messages": FlowItemMessages; + /** + * Determines the type of positioning to use for the overlaid content. Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`. + */ + "overlayPositioning": OverlayPositioning; /** * Scrolls the component's content to a specified set of coordinates. * @example myCalciteFlowItem.scrollContentTo({ left: 0, // Specifies the number of pixels along the X axis to scroll the window or element. top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element behavior: "auto" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value). }); @@ -3433,6 +3449,10 @@ export namespace Components { * Made into a prop for testing purposes only */ "messages": PanelMessages; + /** + * Determines the type of positioning to use for the overlaid content. Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`. + */ + "overlayPositioning": OverlayPositioning; /** * Scrolls the component's content to a specified set of coordinates. * @example myCalciteFlowItem.scrollContentTo({ left: 0, // Specifies the number of pixels along the X axis to scroll the window or element. top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element behavior: "auto" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value). }); @@ -7567,6 +7587,10 @@ declare namespace LocalJSX { * Disables automatically overflowing `calcite-action`s that won't fit into menus. */ "overflowActionsDisabled"?: boolean; + /** + * Determines the type of positioning to use for the overlaid content. Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`. + */ + "overlayPositioning"?: OverlayPositioning; /** * Arranges the component depending on the element's `dir` property. */ @@ -7682,6 +7706,10 @@ declare namespace LocalJSX { * Fires when the `expanded` property is toggled. */ "onCalciteActionPadToggle"?: (event: CalciteActionPadCustomEvent) => void; + /** + * Determines the type of positioning to use for the overlaid content. Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`. + */ + "overlayPositioning"?: OverlayPositioning; /** * Arranges the component depending on the element's `dir` property. */ @@ -7860,6 +7888,10 @@ declare namespace LocalJSX { * When `true`, expands the component and its contents. */ "open"?: boolean; + /** + * Determines the type of positioning to use for the overlaid content. Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`. + */ + "overlayPositioning"?: OverlayPositioning; /** * Displays a status-related indicator icon. */ @@ -9053,6 +9085,10 @@ declare namespace LocalJSX { * Fires when the collapse button is clicked. */ "onCalciteFlowItemToggle"?: (event: CalciteFlowItemCustomEvent) => void; + /** + * Determines the type of positioning to use for the overlaid content. Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`. + */ + "overlayPositioning"?: OverlayPositioning; /** * When `true`, displays a back button in the component's header. */ @@ -10863,6 +10899,10 @@ declare namespace LocalJSX { * Fires when the collapse button is clicked. */ "onCalcitePanelToggle"?: (event: CalcitePanelCustomEvent) => void; + /** + * Determines the type of positioning to use for the overlaid content. Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`. + */ + "overlayPositioning"?: OverlayPositioning; } /** * @deprecated Use the `list` component instead. diff --git a/packages/calcite-components/src/components/action-bar/action-bar.e2e.ts b/packages/calcite-components/src/components/action-bar/action-bar.e2e.ts index 92f0111abfc..de42a48d915 100755 --- a/packages/calcite-components/src/components/action-bar/action-bar.e2e.ts +++ b/packages/calcite-components/src/components/action-bar/action-bar.e2e.ts @@ -1,6 +1,16 @@ import { newE2EPage } from "@stencil/core/testing"; import { html } from "../../../support/formatting"; -import { accessible, defaults, focusable, hidden, reflects, renders, slots, t9n } from "../../tests/commonTests"; +import { + accessible, + defaults, + delegatesToFloatingUiOwningComponent, + focusable, + hidden, + reflects, + renders, + slots, + t9n, +} from "../../tests/commonTests"; import { CSS, SLOTS } from "./resources"; import { overflowActionsDebounceInMs } from "./utils"; import { getFocusedElementProp } from "../../tests/utils"; @@ -32,6 +42,10 @@ describe("calcite-action-bar", () => { propertyName: "layout", defaultValue: "vertical", }, + { + propertyName: "overlayPositioning", + defaultValue: "absolute", + }, ]); }); @@ -45,9 +59,22 @@ describe("calcite-action-bar", () => { propertyName: "expanded", value: true, }, + { + propertyName: "overlayPositioning", + value: "fixed", + }, ]); }); + describe("delegates to floating-ui-owner component", () => { + delegatesToFloatingUiOwningComponent( + html` + + `, + "calcite-action-group", + ); + }); + describe("expand functionality", () => { it("should not modify actions within an action-menu", async () => { const page = await newE2EPage({ diff --git a/packages/calcite-components/src/components/action-bar/action-bar.tsx b/packages/calcite-components/src/components/action-bar/action-bar.tsx index bf5bd559609..7f21b5afc71 100755 --- a/packages/calcite-components/src/components/action-bar/action-bar.tsx +++ b/packages/calcite-components/src/components/action-bar/action-bar.tsx @@ -48,6 +48,7 @@ import { overflowActionsDebounceInMs, queryActions, } from "./utils"; +import { OverlayPositioning } from "../../utils/floating-ui"; /** * @slot - A slot for adding `calcite-action`s that will appear at the top of the component. @@ -123,6 +124,16 @@ export class ActionBar this.overflowActions(); } + /** + * Determines the type of positioning to use for the overlaid content. + * + * Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. + * + * `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`. + * + */ + @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = "absolute"; + /** * Arranges the component depending on the element's `dir` property. */ @@ -391,6 +402,7 @@ export class ActionBar layout, messages, actionsEndGroupLabel, + overlayPositioning, } = this; const expandToggleNode = !expandDisabled ? ( @@ -414,6 +426,7 @@ export class ActionBar hidden={this.expandDisabled && !(this.hasActionsEnd || this.hasBottomActions)} label={actionsEndGroupLabel} layout={layout} + overlayPositioning={overlayPositioning} scale={scale} > diff --git a/packages/calcite-components/src/components/action-menu/action-menu.e2e.ts b/packages/calcite-components/src/components/action-menu/action-menu.e2e.ts index 00ad89a867e..e31eb2dd2e6 100755 --- a/packages/calcite-components/src/components/action-menu/action-menu.e2e.ts +++ b/packages/calcite-components/src/components/action-menu/action-menu.e2e.ts @@ -1,6 +1,15 @@ import { newE2EPage } from "@stencil/core/testing"; import { html } from "../../../support/formatting"; -import { accessible, defaults, focusable, hidden, reflects, renders, slots } from "../../tests/commonTests"; +import { + accessible, + defaults, + delegatesToFloatingUiOwningComponent, + focusable, + hidden, + reflects, + renders, + slots, +} from "../../tests/commonTests"; import { TOOLTIP_OPEN_DELAY_MS } from "../tooltip/resources"; import { CSS, SLOTS, activeAttr } from "./resources"; @@ -84,6 +93,15 @@ describe("calcite-action-menu", () => { ]); }); + describe("delegates to floating-ui-owner component", () => { + delegatesToFloatingUiOwningComponent( + html` + + `, + "calcite-popover", + ); + }); + it("should emit 'calciteActionMenuOpen' event", async () => { const page = await newE2EPage({ html: ` diff --git a/packages/calcite-components/src/components/action-pad/action-pad.e2e.ts b/packages/calcite-components/src/components/action-pad/action-pad.e2e.ts index d84a646a24d..908c1d678d9 100755 --- a/packages/calcite-components/src/components/action-pad/action-pad.e2e.ts +++ b/packages/calcite-components/src/components/action-pad/action-pad.e2e.ts @@ -1,5 +1,15 @@ import { newE2EPage } from "@stencil/core/testing"; -import { accessible, defaults, focusable, hidden, reflects, renders, slots, t9n } from "../../tests/commonTests"; +import { + accessible, + defaults, + delegatesToFloatingUiOwningComponent, + focusable, + hidden, + reflects, + renders, + slots, + t9n, +} from "../../tests/commonTests"; import { CSS, SLOTS } from "./resources"; import { html } from "../../../support/formatting"; @@ -26,6 +36,10 @@ describe("calcite-action-pad", () => { propertyName: "layout", defaultValue: "vertical", }, + { + propertyName: "overlayPositioning", + defaultValue: "absolute", + }, { propertyName: "scale", defaultValue: undefined, @@ -47,9 +61,22 @@ describe("calcite-action-pad", () => { propertyName: "layout", value: "horizontal", }, + { + propertyName: "overlayPositioning", + value: "fixed", + }, ]); }); + describe("delegates to floating-ui-owner component", () => { + delegatesToFloatingUiOwningComponent( + html` + + `, + "calcite-action-group", + ); + }); + describe("expand functionality", () => { it("should be expandable by default", async () => { const page = await newE2EPage(); diff --git a/packages/calcite-components/src/components/action-pad/action-pad.tsx b/packages/calcite-components/src/components/action-pad/action-pad.tsx index 66930dcef10..fc51f9e65be 100755 --- a/packages/calcite-components/src/components/action-pad/action-pad.tsx +++ b/packages/calcite-components/src/components/action-pad/action-pad.tsx @@ -36,6 +36,7 @@ import { Layout, Position, Scale } from "../interfaces"; import { ActionPadMessages } from "./assets/action-pad/t9n"; import { CSS, SLOTS } from "./resources"; import { createObserver } from "../../utils/observers"; +import { OverlayPositioning } from "../../utils/floating-ui"; /** * @slot - A slot for adding `calcite-action`s to the component. @@ -117,6 +118,16 @@ export class ActionPad /* wired up by t9n util */ } + /** + * Determines the type of positioning to use for the overlaid content. + * + * Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. + * + * `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`. + * + */ + @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = "absolute"; + // -------------------------------------------------------------------------- // // Events @@ -265,6 +276,7 @@ export class ActionPad scale, layout, actionsEndGroupLabel, + overlayPositioning, } = this; const expandToggleNode = !expandDisabled ? ( @@ -287,6 +299,7 @@ export class ActionPad class={CSS.actionGroupEnd} label={actionsEndGroupLabel} layout={layout} + overlayPositioning={overlayPositioning} scale={scale} > diff --git a/packages/calcite-components/src/components/block/block.e2e.ts b/packages/calcite-components/src/components/block/block.e2e.ts index ab1fa73bf4d..6901c478d41 100644 --- a/packages/calcite-components/src/components/block/block.e2e.ts +++ b/packages/calcite-components/src/components/block/block.e2e.ts @@ -1,6 +1,17 @@ import { newE2EPage } from "@stencil/core/testing"; import { CSS, SLOTS } from "./resources"; -import { accessible, defaults, disabled, focusable, hidden, renders, slots, t9n } from "../../tests/commonTests"; +import { + accessible, + defaults, + delegatesToFloatingUiOwningComponent, + disabled, + focusable, + hidden, + reflects, + renders, + slots, + t9n, +} from "../../tests/commonTests"; import { html } from "../../../support/formatting"; import { openClose } from "../../tests/commonTests"; @@ -27,6 +38,31 @@ describe("calcite-block", () => { propertyName: "open", defaultValue: false, }, + { + propertyName: "overlayPositioning", + defaultValue: "absolute", + }, + ]); + }); + + describe("reflects", () => { + reflects("calcite-block", [ + { + propertyName: "collapsible", + value: true, + }, + { + propertyName: "headingLevel", + value: 2, + }, + { + propertyName: "open", + value: true, + }, + { + propertyName: "overlayPositioning", + value: "fixed", + }, ]); }); @@ -87,6 +123,15 @@ describe("calcite-block", () => { disabled(html``); }); + describe("delegates to floating-ui-owner component", () => { + delegatesToFloatingUiOwningComponent( + html` + + `, + "calcite-action-menu", + ); + }); + it("has a loading state", async () => { const page = await newE2EPage({ html: ` diff --git a/packages/calcite-components/src/components/block/block.tsx b/packages/calcite-components/src/components/block/block.tsx index 99f3c907470..2ea2e319507 100644 --- a/packages/calcite-components/src/components/block/block.tsx +++ b/packages/calcite-components/src/components/block/block.tsx @@ -43,6 +43,7 @@ import { setUpLoadableComponent, } from "../../utils/loadable"; import { onToggleOpenCloseComponent, OpenCloseComponent } from "../../utils/openCloseComponent"; +import { OverlayPositioning } from "../../utils/floating-ui"; /** * @slot - A slot for adding custom content. @@ -140,6 +141,16 @@ export class Block /* wired up by t9n util */ } + /** + * Determines the type of positioning to use for the overlaid content. + * + * Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. + * + * `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`. + * + */ + @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = "absolute"; + //-------------------------------------------------------------------------- // // Public Methods @@ -364,7 +375,10 @@ export class Block
) : null} {hasMenuActions ? ( - + ) : null} diff --git a/packages/calcite-components/src/components/flow-item/flow-item.e2e.ts b/packages/calcite-components/src/components/flow-item/flow-item.e2e.ts index 36cd6c0fcb2..cd46dab1dd8 100644 --- a/packages/calcite-components/src/components/flow-item/flow-item.e2e.ts +++ b/packages/calcite-components/src/components/flow-item/flow-item.e2e.ts @@ -1,5 +1,16 @@ import { newE2EPage } from "@stencil/core/testing"; -import { accessible, defaults, disabled, focusable, hidden, renders, slots, t9n } from "../../tests/commonTests"; +import { + accessible, + defaults, + delegatesToFloatingUiOwningComponent, + disabled, + focusable, + hidden, + reflects, + renders, + slots, + t9n, +} from "../../tests/commonTests"; import { CSS, SLOTS } from "./resources"; import { html } from "../../../support/formatting"; @@ -46,6 +57,10 @@ describe("calcite-flow-item", () => { propertyName: "menuOpen", defaultValue: false, }, + { + propertyName: "overlayPositioning", + defaultValue: "absolute", + }, { propertyName: "showBackButton", defaultValue: false, @@ -53,6 +68,43 @@ describe("calcite-flow-item", () => { ]); }); + describe("reflects", () => { + reflects("calcite-flow-item", [ + { + propertyName: "closable", + value: true, + }, + { + propertyName: "closed", + value: true, + }, + { + propertyName: "collapsible", + value: true, + }, + { + propertyName: "collapsed", + value: true, + }, + { + propertyName: "disabled", + value: true, + }, + { + propertyName: "loading", + value: true, + }, + { + propertyName: "menuOpen", + value: true, + }, + { + propertyName: "overlayPositioning", + value: "fixed", + }, + ]); + }); + describe("slots", () => { slots("calcite-flow-item", SLOTS); }); @@ -95,6 +147,15 @@ describe("calcite-flow-item", () => { t9n("calcite-flow-item"); }); + describe("delegates to floating-ui-owner component", () => { + delegatesToFloatingUiOwningComponent( + html` + + `, + "calcite-panel", + ); + }); + it("showBackButton", async () => { const page = await newE2EPage(); diff --git a/packages/calcite-components/src/components/flow-item/flow-item.tsx b/packages/calcite-components/src/components/flow-item/flow-item.tsx index 8f7932f6a28..ed45b147df1 100644 --- a/packages/calcite-components/src/components/flow-item/flow-item.tsx +++ b/packages/calcite-components/src/components/flow-item/flow-item.tsx @@ -37,6 +37,7 @@ import { HeadingLevel } from "../functional/Heading"; import { SLOTS as PANEL_SLOTS } from "../panel/resources"; import { FlowItemMessages } from "./assets/flow-item/t9n"; import { CSS, ICONS, SLOTS } from "./resources"; +import { OverlayPositioning } from "../../utils/floating-ui"; /** * @slot - A slot for adding custom content. @@ -139,6 +140,16 @@ export class FlowItem // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module @Prop({ mutable: true }) messages: FlowItemMessages; + /** + * Determines the type of positioning to use for the overlaid content. + * + * Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. + * + * `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`. + * + */ + @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = "absolute"; + /** * When `true`, displays a back button in the component's header. * @@ -344,6 +355,7 @@ export class FlowItem loading, menuOpen, messages, + overlayPositioning, } = this; return ( @@ -364,6 +376,7 @@ export class FlowItem onCalcitePanelClose={this.handlePanelClose} onCalcitePanelScroll={this.handlePanelScroll} onCalcitePanelToggle={this.handlePanelToggle} + overlayPositioning={overlayPositioning} // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530) ref={this.setContainerRef} > diff --git a/packages/calcite-components/src/components/panel/panel.e2e.ts b/packages/calcite-components/src/components/panel/panel.e2e.ts index fc275006287..a0e17688a43 100644 --- a/packages/calcite-components/src/components/panel/panel.e2e.ts +++ b/packages/calcite-components/src/components/panel/panel.e2e.ts @@ -1,6 +1,17 @@ import { newE2EPage } from "@stencil/core/testing"; import { html } from "../../../support/formatting"; -import { accessible, defaults, disabled, focusable, hidden, renders, slots, t9n } from "../../tests/commonTests"; +import { + accessible, + defaults, + delegatesToFloatingUiOwningComponent, + disabled, + focusable, + hidden, + reflects, + renders, + slots, + t9n, +} from "../../tests/commonTests"; import { CSS, SLOTS } from "./resources"; const panelTemplate = (scrollable = false) => @@ -44,6 +55,31 @@ describe("calcite-panel", () => { propertyName: "collapsed", defaultValue: false, }, + { + propertyName: "overlayPositioning", + defaultValue: "absolute", + }, + ]); + }); + + describe("reflects", () => { + reflects("calcite-panel", [ + { + propertyName: "headingLevel", + value: 2, + }, + { + propertyName: "collapsible", + value: true, + }, + { + propertyName: "collapsed", + value: true, + }, + { + propertyName: "overlayPositioning", + value: "fixed", + }, ]); }); @@ -59,6 +95,15 @@ describe("calcite-panel", () => { t9n("calcite-panel"); }); + describe("delegates to floating-ui-owner component", () => { + delegatesToFloatingUiOwningComponent( + html` + + `, + "calcite-action-menu", + ); + }); + it("honors closed prop", async () => { const page = await newE2EPage(); diff --git a/packages/calcite-components/src/components/panel/panel.tsx b/packages/calcite-components/src/components/panel/panel.tsx index 94538fd30ae..f7cb46b758a 100644 --- a/packages/calcite-components/src/components/panel/panel.tsx +++ b/packages/calcite-components/src/components/panel/panel.tsx @@ -43,6 +43,7 @@ import { updateMessages, } from "../../utils/t9n"; import { PanelMessages } from "./assets/panel/t9n"; +import { OverlayPositioning } from "../../utils/floating-ui"; /** * @slot - A slot for adding custom content. @@ -140,6 +141,16 @@ export class Panel /* wired up by t9n util */ } + /** + * Determines the type of positioning to use for the overlaid content. + * + * Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. + * + * `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`. + * + */ + @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = "absolute"; + //-------------------------------------------------------------------------- // // Lifecycle @@ -477,6 +488,7 @@ export class Panel key="menu" label={messages.options} open={menuOpen} + overlayPositioning={this.overlayPositioning} placement="bottom-end" > { + * delegatesToFloatingUiOwningComponent("calcite-pad", "calcite-action-group"); + * }); + * + * @param componentTagOrHTML + * @param floatingUiOwnerComponentTag + */ +export async function delegatesToFloatingUiOwningComponent( + componentTagOrHTML: TagOrHTML, + floatingUiOwnerComponentTag: ComponentTag, +): Promise { + it("delegates to floating-ui owning component", async () => { + const page = await simplePageSetup(componentTagOrHTML); + const tag = getTag(componentTagOrHTML); + + // we assume if `overlay-positioning` is used by an internal component that it is a floating-ui component + + const floatingUiOwningComponent = await page.find(`${tag} >>> ${floatingUiOwnerComponentTag}`); + expect(await floatingUiOwningComponent.getProperty("overlayPositioning")).toBe("absolute"); + + const component = await page.find(tag); + await component.setProperty("overlayPositioning", "fixed"); + await page.waitForChanges(); + + expect(await floatingUiOwningComponent.getProperty("overlayPositioning")).toBe("fixed"); + }); +} + /** * Helper to test t9n component setup. * From ddda76440689f2e28d46219c1d726f89df06e7a3 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" Date: Wed, 24 Jan 2024 05:48:21 +0000 Subject: [PATCH 30/36] chore: release next --- package-lock.json | 10 +++++----- .../projects/component-library/CHANGELOG.md | 4 ++++ .../projects/component-library/package.json | 4 ++-- packages/calcite-components-react/CHANGELOG.md | 4 ++++ packages/calcite-components-react/package.json | 4 ++-- packages/calcite-components/CHANGELOG.md | 6 ++++++ packages/calcite-components/package.json | 2 +- 7 files changed, 24 insertions(+), 10 deletions(-) diff --git a/package-lock.json b/package-lock.json index 838ba9da3b2..d4caefe96c1 100644 --- a/package-lock.json +++ b/package-lock.json @@ -47015,7 +47015,7 @@ }, "packages/calcite-components": { "name": "@esri/calcite-components", - "version": "2.2.1-next.1", + "version": "2.3.0-next.0", "license": "SEE LICENSE.md", "dependencies": { "@floating-ui/dom": "1.5.3", @@ -47066,10 +47066,10 @@ }, "packages/calcite-components-angular/projects/component-library": { "name": "@esri/calcite-components-angular", - "version": "2.2.1-next.1", + "version": "2.3.0-next.0", "license": "SEE LICENSE.md", "dependencies": { - "@esri/calcite-components": "^2.2.1-next.1", + "@esri/calcite-components": "^2.3.0-next.0", "tslib": "2.6.2" }, "peerDependencies": { @@ -47079,10 +47079,10 @@ }, "packages/calcite-components-react": { "name": "@esri/calcite-components-react", - "version": "2.2.1-next.1", + "version": "2.3.0-next.0", "license": "SEE LICENSE.md", "dependencies": { - "@esri/calcite-components": "^2.2.1-next.1" + "@esri/calcite-components": "^2.3.0-next.0" }, "peerDependencies": { "react": ">=16.7", diff --git a/packages/calcite-components-angular/projects/component-library/CHANGELOG.md b/packages/calcite-components-angular/projects/component-library/CHANGELOG.md index 44ed4afdb22..428a3c0fc6a 100644 --- a/packages/calcite-components-angular/projects/component-library/CHANGELOG.md +++ b/packages/calcite-components-angular/projects/component-library/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [2.3.0-next.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.1-next.1...@esri/calcite-components-angular@2.3.0-next.0) (2024-01-24) + +**Note:** Version bump only for package @esri/calcite-components-angular + ## [2.2.1-next.1](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.1-next.0...@esri/calcite-components-angular@2.2.1-next.1) (2024-01-19) **Note:** Version bump only for package @esri/calcite-components-angular diff --git a/packages/calcite-components-angular/projects/component-library/package.json b/packages/calcite-components-angular/projects/component-library/package.json index ace9b6543fa..7de39fb3af4 100644 --- a/packages/calcite-components-angular/projects/component-library/package.json +++ b/packages/calcite-components-angular/projects/component-library/package.json @@ -1,6 +1,6 @@ { "name": "@esri/calcite-components-angular", - "version": "2.2.1-next.1", + "version": "2.3.0-next.0", "sideEffects": false, "homepage": "https://developers.arcgis.com/calcite-design-system/", "description": "A set of Angular components that wrap Esri's Calcite Components.", @@ -20,7 +20,7 @@ "@angular/core": ">=16.0.0" }, "dependencies": { - "@esri/calcite-components": "^2.2.1-next.1", + "@esri/calcite-components": "^2.3.0-next.0", "tslib": "2.6.2" }, "lerna": { diff --git a/packages/calcite-components-react/CHANGELOG.md b/packages/calcite-components-react/CHANGELOG.md index 212c27724fe..1a8194b4eea 100644 --- a/packages/calcite-components-react/CHANGELOG.md +++ b/packages/calcite-components-react/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [2.3.0-next.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.1-next.1...@esri/calcite-components-react@2.3.0-next.0) (2024-01-24) + +**Note:** Version bump only for package @esri/calcite-components-react + ## [2.2.1-next.1](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.1-next.0...@esri/calcite-components-react@2.2.1-next.1) (2024-01-19) **Note:** Version bump only for package @esri/calcite-components-react diff --git a/packages/calcite-components-react/package.json b/packages/calcite-components-react/package.json index efc9ec17f15..8ce01a98b19 100644 --- a/packages/calcite-components-react/package.json +++ b/packages/calcite-components-react/package.json @@ -1,7 +1,7 @@ { "name": "@esri/calcite-components-react", "sideEffects": false, - "version": "2.2.1-next.1", + "version": "2.3.0-next.0", "homepage": "https://developers.arcgis.com/calcite-design-system/", "description": "A set of React components that wrap calcite components", "license": "SEE LICENSE.md", @@ -23,7 +23,7 @@ "dist/" ], "dependencies": { - "@esri/calcite-components": "^2.2.1-next.1" + "@esri/calcite-components": "^2.3.0-next.0" }, "peerDependencies": { "react": ">=16.7", diff --git a/packages/calcite-components/CHANGELOG.md b/packages/calcite-components/CHANGELOG.md index 341666a3685..4fa884317d1 100644 --- a/packages/calcite-components/CHANGELOG.md +++ b/packages/calcite-components/CHANGELOG.md @@ -3,6 +3,12 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [2.3.0-next.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.1-next.1...@esri/calcite-components@2.3.0-next.0) (2024-01-24) + +### Features + +- **action-bar, action-pad, block, flow-item, panel:** add `overlayPositioning` prop for built-in menus ([#8633](https://github.com/Esri/calcite-design-system/issues/8633)) ([714b889](https://github.com/Esri/calcite-design-system/commit/714b88949cbb66c0acfd360a785e4af34ea54d3e)), closes [#8620](https://github.com/Esri/calcite-design-system/issues/8620) + ## [2.2.1-next.1](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.1-next.0...@esri/calcite-components@2.2.1-next.1) (2024-01-19) ### Bug Fixes diff --git a/packages/calcite-components/package.json b/packages/calcite-components/package.json index c3c17e5cb39..36348c01791 100644 --- a/packages/calcite-components/package.json +++ b/packages/calcite-components/package.json @@ -1,6 +1,6 @@ { "name": "@esri/calcite-components", - "version": "2.2.1-next.1", + "version": "2.3.0-next.0", "homepage": "https://developers.arcgis.com/calcite-design-system/", "description": "Web Components for Esri's Calcite Design System.", "main": "dist/index.cjs.js", From 7dae525d45a429e7b5c2d1b285ff474525d3113b Mon Sep 17 00:00:00 2001 From: Eliza Khachatryan Date: Tue, 23 Jan 2024 23:09:02 -0800 Subject: [PATCH 31/36] feat(tab): add `--calcite-tab-content-block-padding` to override built-in block-padding (#8629) **Related Issue:** #8413 ## Summary Introduces a CSS custom property `--calcite-tab-content-block-padding` to align with other components that have built-in padding. Currently, the Tab component has a built-in `block-padding` that cannot be overridden in a supported way, leading to a bug with scrollbars when tabs are housed inside a panel. The introduction of the custom property allows for more flexibility in the component, as users can achieve their desired layout and padding by adding it to their slotted content. (https://github.com/Esri/calcite-design-system/issues/8139#issuecomment-1830397218) --------- Co-authored-by: JC Franco Co-authored-by: Kitty Hurley --- .../src/components/tab/tab.scss | 24 ++++++++++---- .../src/components/tabs/tabs.stories.ts | 31 +++++++++++++++++++ 2 files changed, 49 insertions(+), 6 deletions(-) diff --git a/packages/calcite-components/src/components/tab/tab.scss b/packages/calcite-components/src/components/tab/tab.scss index 0877bde5694..c30289b2445 100644 --- a/packages/calcite-components/src/components/tab/tab.scss +++ b/packages/calcite-components/src/components/tab/tab.scss @@ -1,3 +1,11 @@ +/** + * CSS Custom Properties + * + * These properties can be overridden using the component's tag as selector. + * + * @prop --calcite-tab-content-block-padding: Specifies the block padding of the component's content in the `default` slot. + */ + :host([selected]) { section, .container { @@ -15,18 +23,22 @@ .content { @apply box-border; + padding-block: var(--calcite-internal-tab-content-block-padding); } -.scale-s .content { - @apply text-n2h py-1; +.scale-s { + --calcite-internal-tab-content-block-padding: var(--calcite-tab-content-block-padding, theme("spacing.1")); + @apply text-n2h; } -.scale-m .content { - @apply text-n1h py-2; +.scale-m { + --calcite-internal-tab-content-block-padding: var(--calcite-tab-content-block-padding, theme("spacing.2")); + @apply text-n1h; } -.scale-l .content { - @apply text-0h py-2.5; +.scale-l { + --calcite-internal-tab-content-block-padding: var(--calcite-tab-content-block-padding, theme("spacing.[2.5]")); + @apply text-0h; } section, diff --git a/packages/calcite-components/src/components/tabs/tabs.stories.ts b/packages/calcite-components/src/components/tabs/tabs.stories.ts index 8f544ef880e..f767a33501f 100644 --- a/packages/calcite-components/src/components/tabs/tabs.stories.ts +++ b/packages/calcite-components/src/components/tabs/tabs.stories.ts @@ -461,3 +461,34 @@ export const noVerticalScrollbarInsideShellPanel_TestOnly = (): string => html` `; + +export const paddingPropOverrideAtRootLevel = (): string => html` + + + + + Tab 1 Title + + +
Tab 1 Content
+ + + +`; + +export const paddingPropOverrideAtElementLevel = (): string => html` + + + + Tab 1 Title + + +
Tab 1 Content
+ + + +`; From a0384283c1741260f92e7adbc0b4c1c651749078 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" Date: Wed, 24 Jan 2024 07:10:42 +0000 Subject: [PATCH 32/36] chore: release next --- package-lock.json | 10 +++++----- .../projects/component-library/CHANGELOG.md | 4 ++++ .../projects/component-library/package.json | 4 ++-- packages/calcite-components-react/CHANGELOG.md | 4 ++++ packages/calcite-components-react/package.json | 4 ++-- packages/calcite-components/CHANGELOG.md | 6 ++++++ packages/calcite-components/package.json | 2 +- 7 files changed, 24 insertions(+), 10 deletions(-) diff --git a/package-lock.json b/package-lock.json index d4caefe96c1..e9277eba5d3 100644 --- a/package-lock.json +++ b/package-lock.json @@ -47015,7 +47015,7 @@ }, "packages/calcite-components": { "name": "@esri/calcite-components", - "version": "2.3.0-next.0", + "version": "2.3.0-next.1", "license": "SEE LICENSE.md", "dependencies": { "@floating-ui/dom": "1.5.3", @@ -47066,10 +47066,10 @@ }, "packages/calcite-components-angular/projects/component-library": { "name": "@esri/calcite-components-angular", - "version": "2.3.0-next.0", + "version": "2.3.0-next.1", "license": "SEE LICENSE.md", "dependencies": { - "@esri/calcite-components": "^2.3.0-next.0", + "@esri/calcite-components": "^2.3.0-next.1", "tslib": "2.6.2" }, "peerDependencies": { @@ -47079,10 +47079,10 @@ }, "packages/calcite-components-react": { "name": "@esri/calcite-components-react", - "version": "2.3.0-next.0", + "version": "2.3.0-next.1", "license": "SEE LICENSE.md", "dependencies": { - "@esri/calcite-components": "^2.3.0-next.0" + "@esri/calcite-components": "^2.3.0-next.1" }, "peerDependencies": { "react": ">=16.7", diff --git a/packages/calcite-components-angular/projects/component-library/CHANGELOG.md b/packages/calcite-components-angular/projects/component-library/CHANGELOG.md index 428a3c0fc6a..bbb661fd801 100644 --- a/packages/calcite-components-angular/projects/component-library/CHANGELOG.md +++ b/packages/calcite-components-angular/projects/component-library/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [2.3.0-next.1](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.3.0-next.0...@esri/calcite-components-angular@2.3.0-next.1) (2024-01-24) + +**Note:** Version bump only for package @esri/calcite-components-angular + ## [2.3.0-next.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.1-next.1...@esri/calcite-components-angular@2.3.0-next.0) (2024-01-24) **Note:** Version bump only for package @esri/calcite-components-angular diff --git a/packages/calcite-components-angular/projects/component-library/package.json b/packages/calcite-components-angular/projects/component-library/package.json index 7de39fb3af4..d4f1ba94e56 100644 --- a/packages/calcite-components-angular/projects/component-library/package.json +++ b/packages/calcite-components-angular/projects/component-library/package.json @@ -1,6 +1,6 @@ { "name": "@esri/calcite-components-angular", - "version": "2.3.0-next.0", + "version": "2.3.0-next.1", "sideEffects": false, "homepage": "https://developers.arcgis.com/calcite-design-system/", "description": "A set of Angular components that wrap Esri's Calcite Components.", @@ -20,7 +20,7 @@ "@angular/core": ">=16.0.0" }, "dependencies": { - "@esri/calcite-components": "^2.3.0-next.0", + "@esri/calcite-components": "^2.3.0-next.1", "tslib": "2.6.2" }, "lerna": { diff --git a/packages/calcite-components-react/CHANGELOG.md b/packages/calcite-components-react/CHANGELOG.md index 1a8194b4eea..67b83c19b7f 100644 --- a/packages/calcite-components-react/CHANGELOG.md +++ b/packages/calcite-components-react/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [2.3.0-next.1](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.3.0-next.0...@esri/calcite-components-react@2.3.0-next.1) (2024-01-24) + +**Note:** Version bump only for package @esri/calcite-components-react + ## [2.3.0-next.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.1-next.1...@esri/calcite-components-react@2.3.0-next.0) (2024-01-24) **Note:** Version bump only for package @esri/calcite-components-react diff --git a/packages/calcite-components-react/package.json b/packages/calcite-components-react/package.json index 8ce01a98b19..4b20c703bcf 100644 --- a/packages/calcite-components-react/package.json +++ b/packages/calcite-components-react/package.json @@ -1,7 +1,7 @@ { "name": "@esri/calcite-components-react", "sideEffects": false, - "version": "2.3.0-next.0", + "version": "2.3.0-next.1", "homepage": "https://developers.arcgis.com/calcite-design-system/", "description": "A set of React components that wrap calcite components", "license": "SEE LICENSE.md", @@ -23,7 +23,7 @@ "dist/" ], "dependencies": { - "@esri/calcite-components": "^2.3.0-next.0" + "@esri/calcite-components": "^2.3.0-next.1" }, "peerDependencies": { "react": ">=16.7", diff --git a/packages/calcite-components/CHANGELOG.md b/packages/calcite-components/CHANGELOG.md index 4fa884317d1..a5d0d3a1bcf 100644 --- a/packages/calcite-components/CHANGELOG.md +++ b/packages/calcite-components/CHANGELOG.md @@ -3,6 +3,12 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [2.3.0-next.1](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.3.0-next.0...@esri/calcite-components@2.3.0-next.1) (2024-01-24) + +### Features + +- **tab:** add `--calcite-tab-content-block-padding` to override built-in block-padding ([#8629](https://github.com/Esri/calcite-design-system/issues/8629)) ([7dae525](https://github.com/Esri/calcite-design-system/commit/7dae525d45a429e7b5c2d1b285ff474525d3113b)), closes [#8413](https://github.com/Esri/calcite-design-system/issues/8413) [/github.com/Esri/calcite-design-system/issues/8139#issuecomment-1830397218](https://github.com/Esri//github.com/Esri/calcite-design-system/issues/8139/issues/issuecomment-1830397218) + ## [2.3.0-next.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.1-next.1...@esri/calcite-components@2.3.0-next.0) (2024-01-24) ### Features diff --git a/packages/calcite-components/package.json b/packages/calcite-components/package.json index 36348c01791..e7be15d9720 100644 --- a/packages/calcite-components/package.json +++ b/packages/calcite-components/package.json @@ -1,6 +1,6 @@ { "name": "@esri/calcite-components", - "version": "2.3.0-next.0", + "version": "2.3.0-next.1", "homepage": "https://developers.arcgis.com/calcite-design-system/", "description": "Web Components for Esri's Calcite Design System.", "main": "dist/index.cjs.js", From 10eb42f3b5fb8c1886297e46345c105b55a2678a Mon Sep 17 00:00:00 2001 From: Calcite Admin Date: Wed, 24 Jan 2024 07:53:57 -0800 Subject: [PATCH 33/36] chore: release main (#8625) :robot: I have created a release *beep* *boop* ---
@esri/calcite-components: 2.3.0 ## [2.3.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0...@esri/calcite-components@2.3.0) (2024-01-24) ### Features * **action-bar, action-pad, block, flow-item, panel:** Add `overlayPositioning` prop for built-in menus ([#8633](https://github.com/Esri/calcite-design-system/issues/8633)) ([714b889](https://github.com/Esri/calcite-design-system/commit/714b88949cbb66c0acfd360a785e4af34ea54d3e)) * **tab:** Add `--calcite-tab-content-block-padding` to override built-in block-padding ([#8629](https://github.com/Esri/calcite-design-system/issues/8629)) ([7dae525](https://github.com/Esri/calcite-design-system/commit/7dae525d45a429e7b5c2d1b285ff474525d3113b)) ### Bug Fixes * **action-menu:** Clicking an action menu item should call click event. ([#8627](https://github.com/Esri/calcite-design-system/issues/8627)) ([b12ef6b](https://github.com/Esri/calcite-design-system/commit/b12ef6bf2cd8c9587c1f5b3aeab890d21336ffd4)) * **list-item:** Always show hover and pointer styling ([#8622](https://github.com/Esri/calcite-design-system/issues/8622)) ([4a8a91a](https://github.com/Esri/calcite-design-system/commit/4a8a91ae7fed59203f856b005974d5bca4771cf1))
@esri/calcite-components-angular: 2.3.0 ## [2.3.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.0...@esri/calcite-components-angular@2.3.0) (2024-01-24) ### Miscellaneous Chores * **@esri/calcite-components-angular:** Synchronize undefined versions ### Dependencies * The following workspace dependencies were updated * dependencies * @esri/calcite-components bumped from ^2.3.0-next.1 to ^2.3.0
@esri/calcite-components-react: 2.3.0 ## [2.3.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.0...@esri/calcite-components-react@2.3.0) (2024-01-24) ### Miscellaneous Chores * **@esri/calcite-components-react:** Synchronize undefined versions ### Dependencies * The following workspace dependencies were updated * dependencies * @esri/calcite-components bumped from ^2.3.0-next.1 to ^2.3.0
--- This PR was generated with [Release Please](https://github.com/googleapis/release-please). See [documentation](https://github.com/googleapis/release-please#release-please). --------- Co-authored-by: github-actions[bot] --- .release-please-manifest.json | 6 ++--- package-lock.json | 10 ++++----- .../projects/component-library/CHANGELOG.md | 18 ++++++--------- .../projects/component-library/package.json | 4 ++-- .../calcite-components-react/CHANGELOG.md | 18 ++++++--------- .../calcite-components-react/package.json | 4 ++-- packages/calcite-components/CHANGELOG.md | 22 +++++-------------- packages/calcite-components/package.json | 2 +- packages/calcite-components/readme.md | 4 ++-- 9 files changed, 34 insertions(+), 54 deletions(-) diff --git a/.release-please-manifest.json b/.release-please-manifest.json index 00674c422b9..02d0c9bdb39 100644 --- a/.release-please-manifest.json +++ b/.release-please-manifest.json @@ -1,7 +1,7 @@ { - "packages/calcite-components": "2.2.0", - "packages/calcite-components-react": "2.2.0", + "packages/calcite-components": "2.3.0", + "packages/calcite-components-react": "2.3.0", "packages/calcite-design-tokens": "2.1.1", "packages/eslint-plugin-calcite-components": "1.0.0", - "packages/calcite-components-angular/projects/component-library": "2.2.0" + "packages/calcite-components-angular/projects/component-library": "2.3.0" } diff --git a/package-lock.json b/package-lock.json index e9277eba5d3..aed3218a4e0 100644 --- a/package-lock.json +++ b/package-lock.json @@ -47015,7 +47015,7 @@ }, "packages/calcite-components": { "name": "@esri/calcite-components", - "version": "2.3.0-next.1", + "version": "2.3.0", "license": "SEE LICENSE.md", "dependencies": { "@floating-ui/dom": "1.5.3", @@ -47066,10 +47066,10 @@ }, "packages/calcite-components-angular/projects/component-library": { "name": "@esri/calcite-components-angular", - "version": "2.3.0-next.1", + "version": "2.3.0", "license": "SEE LICENSE.md", "dependencies": { - "@esri/calcite-components": "^2.3.0-next.1", + "@esri/calcite-components": "^2.3.0", "tslib": "2.6.2" }, "peerDependencies": { @@ -47079,10 +47079,10 @@ }, "packages/calcite-components-react": { "name": "@esri/calcite-components-react", - "version": "2.3.0-next.1", + "version": "2.3.0", "license": "SEE LICENSE.md", "dependencies": { - "@esri/calcite-components": "^2.3.0-next.1" + "@esri/calcite-components": "^2.3.0" }, "peerDependencies": { "react": ">=16.7", diff --git a/packages/calcite-components-angular/projects/component-library/CHANGELOG.md b/packages/calcite-components-angular/projects/component-library/CHANGELOG.md index bbb661fd801..b9097612433 100644 --- a/packages/calcite-components-angular/projects/component-library/CHANGELOG.md +++ b/packages/calcite-components-angular/projects/component-library/CHANGELOG.md @@ -3,21 +3,17 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. -## [2.3.0-next.1](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.3.0-next.0...@esri/calcite-components-angular@2.3.0-next.1) (2024-01-24) +## [2.3.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.0...@esri/calcite-components-angular@2.3.0) (2024-01-24) -**Note:** Version bump only for package @esri/calcite-components-angular - -## [2.3.0-next.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.1-next.1...@esri/calcite-components-angular@2.3.0-next.0) (2024-01-24) - -**Note:** Version bump only for package @esri/calcite-components-angular - -## [2.2.1-next.1](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.1-next.0...@esri/calcite-components-angular@2.2.1-next.1) (2024-01-19) +### Miscellaneous Chores -**Note:** Version bump only for package @esri/calcite-components-angular +- **@esri/calcite-components-angular:** Synchronize undefined versions -## [2.2.1-next.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.2.0...@esri/calcite-components-angular@2.2.1-next.0) (2024-01-18) +### Dependencies -**Note:** Version bump only for package @esri/calcite-components-angular +- The following workspace dependencies were updated + - dependencies + - @esri/calcite-components bumped from ^2.3.0-next.1 to ^2.3.0 ## [2.2.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.1.0...@esri/calcite-components-angular@2.2.0) (2024-01-17) diff --git a/packages/calcite-components-angular/projects/component-library/package.json b/packages/calcite-components-angular/projects/component-library/package.json index d4f1ba94e56..9538e9909da 100644 --- a/packages/calcite-components-angular/projects/component-library/package.json +++ b/packages/calcite-components-angular/projects/component-library/package.json @@ -1,6 +1,6 @@ { "name": "@esri/calcite-components-angular", - "version": "2.3.0-next.1", + "version": "2.3.0", "sideEffects": false, "homepage": "https://developers.arcgis.com/calcite-design-system/", "description": "A set of Angular components that wrap Esri's Calcite Components.", @@ -20,7 +20,7 @@ "@angular/core": ">=16.0.0" }, "dependencies": { - "@esri/calcite-components": "^2.3.0-next.1", + "@esri/calcite-components": "^2.3.0", "tslib": "2.6.2" }, "lerna": { diff --git a/packages/calcite-components-react/CHANGELOG.md b/packages/calcite-components-react/CHANGELOG.md index 67b83c19b7f..79ec329ecc4 100644 --- a/packages/calcite-components-react/CHANGELOG.md +++ b/packages/calcite-components-react/CHANGELOG.md @@ -3,21 +3,17 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. -## [2.3.0-next.1](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.3.0-next.0...@esri/calcite-components-react@2.3.0-next.1) (2024-01-24) +## [2.3.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.0...@esri/calcite-components-react@2.3.0) (2024-01-24) -**Note:** Version bump only for package @esri/calcite-components-react - -## [2.3.0-next.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.1-next.1...@esri/calcite-components-react@2.3.0-next.0) (2024-01-24) - -**Note:** Version bump only for package @esri/calcite-components-react - -## [2.2.1-next.1](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.1-next.0...@esri/calcite-components-react@2.2.1-next.1) (2024-01-19) +### Miscellaneous Chores -**Note:** Version bump only for package @esri/calcite-components-react +- **@esri/calcite-components-react:** Synchronize undefined versions -## [2.2.1-next.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.2.0...@esri/calcite-components-react@2.2.1-next.0) (2024-01-18) +### Dependencies -**Note:** Version bump only for package @esri/calcite-components-react +- The following workspace dependencies were updated + - dependencies + - @esri/calcite-components bumped from ^2.3.0-next.1 to ^2.3.0 ## [2.2.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.1.0...@esri/calcite-components-react@2.2.0) (2024-01-17) diff --git a/packages/calcite-components-react/package.json b/packages/calcite-components-react/package.json index 4b20c703bcf..a3822f3b05b 100644 --- a/packages/calcite-components-react/package.json +++ b/packages/calcite-components-react/package.json @@ -1,7 +1,7 @@ { "name": "@esri/calcite-components-react", "sideEffects": false, - "version": "2.3.0-next.1", + "version": "2.3.0", "homepage": "https://developers.arcgis.com/calcite-design-system/", "description": "A set of React components that wrap calcite components", "license": "SEE LICENSE.md", @@ -23,7 +23,7 @@ "dist/" ], "dependencies": { - "@esri/calcite-components": "^2.3.0-next.1" + "@esri/calcite-components": "^2.3.0" }, "peerDependencies": { "react": ">=16.7", diff --git a/packages/calcite-components/CHANGELOG.md b/packages/calcite-components/CHANGELOG.md index a5d0d3a1bcf..c1728338c96 100644 --- a/packages/calcite-components/CHANGELOG.md +++ b/packages/calcite-components/CHANGELOG.md @@ -3,29 +3,17 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. -## [2.3.0-next.1](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.3.0-next.0...@esri/calcite-components@2.3.0-next.1) (2024-01-24) +## [2.3.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0...@esri/calcite-components@2.3.0) (2024-01-24) ### Features -- **tab:** add `--calcite-tab-content-block-padding` to override built-in block-padding ([#8629](https://github.com/Esri/calcite-design-system/issues/8629)) ([7dae525](https://github.com/Esri/calcite-design-system/commit/7dae525d45a429e7b5c2d1b285ff474525d3113b)), closes [#8413](https://github.com/Esri/calcite-design-system/issues/8413) [/github.com/Esri/calcite-design-system/issues/8139#issuecomment-1830397218](https://github.com/Esri//github.com/Esri/calcite-design-system/issues/8139/issues/issuecomment-1830397218) - -## [2.3.0-next.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.1-next.1...@esri/calcite-components@2.3.0-next.0) (2024-01-24) - -### Features - -- **action-bar, action-pad, block, flow-item, panel:** add `overlayPositioning` prop for built-in menus ([#8633](https://github.com/Esri/calcite-design-system/issues/8633)) ([714b889](https://github.com/Esri/calcite-design-system/commit/714b88949cbb66c0acfd360a785e4af34ea54d3e)), closes [#8620](https://github.com/Esri/calcite-design-system/issues/8620) - -## [2.2.1-next.1](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.1-next.0...@esri/calcite-components@2.2.1-next.1) (2024-01-19) - -### Bug Fixes - -- **action-menu:** clicking an action menu item should call click event. ([#8627](https://github.com/Esri/calcite-design-system/issues/8627)) ([b12ef6b](https://github.com/Esri/calcite-design-system/commit/b12ef6bf2cd8c9587c1f5b3aeab890d21336ffd4)), closes [#8577](https://github.com/Esri/calcite-design-system/issues/8577) [#8628](https://github.com/Esri/calcite-design-system/issues/8628) - -## [2.2.1-next.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0...@esri/calcite-components@2.2.1-next.0) (2024-01-18) +- **action-bar, action-pad, block, flow-item, panel:** Add `overlayPositioning` prop for built-in menus ([#8633](https://github.com/Esri/calcite-design-system/issues/8633)) ([714b889](https://github.com/Esri/calcite-design-system/commit/714b88949cbb66c0acfd360a785e4af34ea54d3e)) +- **tab:** Add `--calcite-tab-content-block-padding` to override built-in block-padding ([#8629](https://github.com/Esri/calcite-design-system/issues/8629)) ([7dae525](https://github.com/Esri/calcite-design-system/commit/7dae525d45a429e7b5c2d1b285ff474525d3113b)) ### Bug Fixes -- **list-item:** always show hover and pointer styling ([#8622](https://github.com/Esri/calcite-design-system/issues/8622)) ([4a8a91a](https://github.com/Esri/calcite-design-system/commit/4a8a91ae7fed59203f856b005974d5bca4771cf1)), closes [#6700](https://github.com/Esri/calcite-design-system/issues/6700) [/github.com/Esri/calcite-design-system/issues/6123#issuecomment-1361770131](https://github.com/Esri//github.com/Esri/calcite-design-system/issues/6123/issues/issuecomment-1361770131) +- **action-menu:** Clicking an action menu item should call click event. ([#8627](https://github.com/Esri/calcite-design-system/issues/8627)) ([b12ef6b](https://github.com/Esri/calcite-design-system/commit/b12ef6bf2cd8c9587c1f5b3aeab890d21336ffd4)) +- **list-item:** Always show hover and pointer styling ([#8622](https://github.com/Esri/calcite-design-system/issues/8622)) ([4a8a91a](https://github.com/Esri/calcite-design-system/commit/4a8a91ae7fed59203f856b005974d5bca4771cf1)) ## [2.2.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.1.0...@esri/calcite-components@2.2.0) (2024-01-17) diff --git a/packages/calcite-components/package.json b/packages/calcite-components/package.json index e7be15d9720..7e97ca59e90 100644 --- a/packages/calcite-components/package.json +++ b/packages/calcite-components/package.json @@ -1,6 +1,6 @@ { "name": "@esri/calcite-components", - "version": "2.3.0-next.1", + "version": "2.3.0", "homepage": "https://developers.arcgis.com/calcite-design-system/", "description": "Web Components for Esri's Calcite Design System.", "main": "dist/index.cjs.js", diff --git a/packages/calcite-components/readme.md b/packages/calcite-components/readme.md index 287595cbb88..b2ea0bf5d00 100644 --- a/packages/calcite-components/readme.md +++ b/packages/calcite-components/readme.md @@ -17,12 +17,12 @@ The most common approach for loading Calcite Components is to use the version ho ```html ``` From 43252ce859e4818e18bb756d04cf00892a58667c Mon Sep 17 00:00:00 2001 From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com> Date: Wed, 24 Jan 2024 09:26:39 -0800 Subject: [PATCH 34/36] build(deps): update dependency @floating-ui/dom to v1.5.4 (#8636) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit [![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [@floating-ui/dom](https://floating-ui.com) ([source](https://togithub.com/floating-ui/floating-ui/tree/HEAD/packages/dom)) | [`1.5.3` -> `1.5.4`](https://renovatebot.com/diffs/npm/@floating-ui%2fdom/1.5.3/1.5.4) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@floating-ui%2fdom/1.5.4?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@floating-ui%2fdom/1.5.4?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@floating-ui%2fdom/1.5.3/1.5.4?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@floating-ui%2fdom/1.5.3/1.5.4?slim=true)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes
floating-ui/floating-ui (@​floating-ui/dom) ### [`v1.5.4`](https://togithub.com/floating-ui/floating-ui/blob/HEAD/packages/dom/CHANGELOG.md#154) [Compare Source](https://togithub.com/floating-ui/floating-ui/compare/@floating-ui/dom@1.5.3...@floating-ui/dom@1.5.4) ##### Patch Changes - [`4c04669`](https://togithub.com/floating-ui/floating-ui/commit/4c04669): chore: exports .d.mts types, solves [#​2472](https://togithub.com/floating-ui/floating-ui/issues/2472) - [`0d18e37`](https://togithub.com/floating-ui/floating-ui/commit/0d18e37): refactor: avoid $ appearing in rects dimensions - Updated dependencies \[[`4c04669`](https://togithub.com/floating-ui/floating-ui/commit/4c04669)] - Updated dependencies \[[`afb7e5e`](https://togithub.com/floating-ui/floating-ui/commit/afb7e5e)] - [@​floating-ui/utils](https://togithub.com/floating-ui/utils)[@​0](https://togithub.com/0).2.0 - [@​floating-ui/core](https://togithub.com/floating-ui/core)[@​1](https://togithub.com/1).5.3
--- ### Configuration 📅 **Schedule**: Branch creation - "before 5am every weekday" in timezone America/Los_Angeles, Automerge - At any time (no schedule defined). 🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied. ♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about this update again. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR has been generated by [Mend Renovate](https://www.mend.io/free-developer-tools/renovate/). View repository job log [here](https://developer.mend.io/github/Esri/calcite-design-system). Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> --- package-lock.json | 26 ++++++++++++------------ packages/calcite-components/package.json | 2 +- 2 files changed, 14 insertions(+), 14 deletions(-) diff --git a/package-lock.json b/package-lock.json index aed3218a4e0..389d79b0345 100644 --- a/package-lock.json +++ b/package-lock.json @@ -7324,26 +7324,26 @@ } }, "node_modules/@floating-ui/core": { - "version": "1.5.2", - "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.5.2.tgz", - "integrity": "sha512-Ii3MrfY/GAIN3OhXNzpCKaLxHQfJF9qvwq/kEJYdqDxeIHa01K8sldugal6TmeeXl+WMvhv9cnVzUTaFFJF09A==", + "version": "1.5.3", + "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.5.3.tgz", + "integrity": "sha512-O0WKDOo0yhJuugCx6trZQj5jVJ9yR0ystG2JaNAemYUWce+pmM6WUEFIibnWyEJKdrDxhm75NoSRME35FNaM/Q==", "dependencies": { - "@floating-ui/utils": "^0.1.3" + "@floating-ui/utils": "^0.2.0" } }, "node_modules/@floating-ui/dom": { - "version": "1.5.3", - "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.5.3.tgz", - "integrity": "sha512-ClAbQnEqJAKCJOEbbLo5IUlZHkNszqhuxS4fHAVxRPXPya6Ysf2G8KypnYcOTpx6I8xcgF9bbHb6g/2KpbV8qA==", + "version": "1.5.4", + "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.5.4.tgz", + "integrity": "sha512-jByEsHIY+eEdCjnTVu+E3ephzTOzkQ8hgUfGwos+bg7NlH33Zc5uO+QHz1mrQUOgIKKDD1RtS201P9NvAfq3XQ==", "dependencies": { - "@floating-ui/core": "^1.4.2", - "@floating-ui/utils": "^0.1.3" + "@floating-ui/core": "^1.5.3", + "@floating-ui/utils": "^0.2.0" } }, "node_modules/@floating-ui/utils": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.1.6.tgz", - "integrity": "sha512-OfX7E2oUDYxtBvsuS4e/jSn4Q9Qb6DzgeYtsAdkPZ47znpoNsMgZw0+tVijiv3uGNR6dgNlty6r9rzIzHjtd/A==" + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.1.tgz", + "integrity": "sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q==" }, "node_modules/@gar/promisify": { "version": "1.1.3", @@ -47018,7 +47018,7 @@ "version": "2.3.0", "license": "SEE LICENSE.md", "dependencies": { - "@floating-ui/dom": "1.5.3", + "@floating-ui/dom": "1.5.4", "@stencil/core": "4.9.0", "@types/color": "3.0.6", "color": "4.2.3", diff --git a/packages/calcite-components/package.json b/packages/calcite-components/package.json index 7e97ca59e90..2084c7d7cc5 100644 --- a/packages/calcite-components/package.json +++ b/packages/calcite-components/package.json @@ -62,7 +62,7 @@ "directory": "packages/calcite-components" }, "dependencies": { - "@floating-ui/dom": "1.5.3", + "@floating-ui/dom": "1.5.4", "@stencil/core": "4.9.0", "@types/color": "3.0.6", "color": "4.2.3", From 4f454ef56dd9ed4844c8744ff766a6bb121da663 Mon Sep 17 00:00:00 2001 From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com> Date: Wed, 24 Jan 2024 10:27:18 -0800 Subject: [PATCH 35/36] build(deps): update dependency @esri/calcite-ui-icons to v3.25.6 (#8635) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit [![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [@esri/calcite-ui-icons](https://togithub.com/Esri/calcite-ui-icons) | [`3.25.3` -> `3.25.6`](https://renovatebot.com/diffs/npm/@esri%2fcalcite-ui-icons/3.25.3/3.25.6) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@esri%2fcalcite-ui-icons/3.25.6?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@esri%2fcalcite-ui-icons/3.25.6?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@esri%2fcalcite-ui-icons/3.25.3/3.25.6?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@esri%2fcalcite-ui-icons/3.25.3/3.25.6?slim=true)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes
Esri/calcite-ui-icons (@​esri/calcite-ui-icons) ### [`v3.25.6`](https://togithub.com/Esri/calcite-ui-icons/releases/tag/v3.25.6): 3.25.6 [Compare Source](https://togithub.com/Esri/calcite-ui-icons/compare/v3.25.5...v3.25.6) **added** surface column-settings GitHub_Screenshot ### [`v3.25.5`](https://togithub.com/Esri/calcite-ui-icons/releases/tag/v3.25.5): 3.25.5 [Compare Source](https://togithub.com/Esri/calcite-ui-icons/compare/v3.25.4...v3.25.5) **added** time-filter-32 time-filter-16 time-filter-24 folder-video-32 raster-function-template-play-16 raster-function-template-play-24 raster-function-template-play-32 folder-video-16 folder-video-24 Screenshot 2024-01-08 at 4 51 29 PM ### [`v3.25.4`](https://togithub.com/Esri/calcite-ui-icons/releases/tag/v3.25.4) [Compare Source](https://togithub.com/Esri/calcite-ui-icons/compare/v3.25.3...v3.25.4) **added** small-2-column medium-2-column large-2-column full-small-1-column full-medium-1-column full-1-column G4670351_Calcite_UI_for_AGOL
--- ### Configuration 📅 **Schedule**: Branch creation - "before 5am every weekday" in timezone America/Los_Angeles, Automerge - At any time (no schedule defined). 🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied. ♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about this update again. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR has been generated by [Mend Renovate](https://www.mend.io/free-developer-tools/renovate/). View repository job log [here](https://developer.mend.io/github/Esri/calcite-design-system). Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> --- package-lock.json | 8 ++++---- packages/calcite-components/package.json | 2 +- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/package-lock.json b/package-lock.json index 389d79b0345..001f5550696 100644 --- a/package-lock.json +++ b/package-lock.json @@ -7302,9 +7302,9 @@ "link": true }, "node_modules/@esri/calcite-ui-icons": { - "version": "3.25.3", - "resolved": "https://registry.npmjs.org/@esri/calcite-ui-icons/-/calcite-ui-icons-3.25.3.tgz", - "integrity": "sha512-KhL/CiVpG8zzXwYQkF0L0irCS+r/9ClB+8Fl088UPX9L+iMEF8mmQYoeI5SAhNIlHr8Y+2QhcdAT0ddx2/14Dg==", + "version": "3.25.6", + "resolved": "https://registry.npmjs.org/@esri/calcite-ui-icons/-/calcite-ui-icons-3.25.6.tgz", + "integrity": "sha512-zWHrNykjVNHSMRNv7nV6QhDRQ89WWv+4cAJyUPjCxfNWCJvGUdFdqt+OQWOj4jpYMMponoWRleY9bkNCrh4i5w==", "dev": true, "bin": { "spriter": "bin/spriter.js" @@ -47032,7 +47032,7 @@ }, "devDependencies": { "@esri/calcite-design-tokens": "^2.1.2-next.0", - "@esri/calcite-ui-icons": "3.25.3", + "@esri/calcite-ui-icons": "3.25.6", "@esri/eslint-plugin-calcite-components": "^1.0.1-next.2", "@stencil-community/eslint-plugin": "0.7.1", "@stencil-community/postcss": "2.2.0", diff --git a/packages/calcite-components/package.json b/packages/calcite-components/package.json index 2084c7d7cc5..ea35a15899a 100644 --- a/packages/calcite-components/package.json +++ b/packages/calcite-components/package.json @@ -76,7 +76,7 @@ }, "devDependencies": { "@esri/calcite-design-tokens": "^2.1.2-next.0", - "@esri/calcite-ui-icons": "3.25.3", + "@esri/calcite-ui-icons": "3.25.6", "@esri/eslint-plugin-calcite-components": "^1.0.1-next.2", "@stencil-community/eslint-plugin": "0.7.1", "@stencil-community/postcss": "2.2.0", From 7934752fd67aec32a9118df0b9814e5be78c80ff Mon Sep 17 00:00:00 2001 From: Matt Driscoll Date: Thu, 25 Jan 2024 13:36:50 -0800 Subject: [PATCH 36/36] feat(flow): add component tokens (#8602) **Related Issue:** #7180 ## Summary - Add component tokens for `calcite-flow` - All tokens are internal for now --- .../src/assets/styles/_host.scss | 8 +++ .../src/components/flow/flow.scss | 57 ++++++++++--------- 2 files changed, 39 insertions(+), 26 deletions(-) diff --git a/packages/calcite-components/src/assets/styles/_host.scss b/packages/calcite-components/src/assets/styles/_host.scss index cde73f0c6ad..9072421d857 100644 --- a/packages/calcite-components/src/assets/styles/_host.scss +++ b/packages/calcite-components/src/assets/styles/_host.scss @@ -8,3 +8,11 @@ color: var(--calcite-color-text-2); font-size: var(--calcite-font-size--1); } + +@mixin base-host() { + /* Base ":host" styles for the component */ + box-sizing: border-box; + * { + box-sizing: border-box; + } +} diff --git a/packages/calcite-components/src/components/flow/flow.scss b/packages/calcite-components/src/components/flow/flow.scss index f3442089803..6ec7479511a 100755 --- a/packages/calcite-components/src/components/flow/flow.scss +++ b/packages/calcite-components/src/components/flow/flow.scss @@ -1,61 +1,66 @@ :host { - @extend %component-host; - @apply relative - flex - w-full - flex-auto - items-stretch - overflow-hidden - bg-transparent; + @include base-host(); + position: relative; + display: flex; + inline-size: 100%; + flex: 1 1 auto; + align-items: stretch; + overflow: hidden; + + --calcite-internal-flow-animation-opacity-start: var(--calcite-opacity-50); + --calcite-internal-flow-animation-opacity-end: var(--calcite-opacity-100); + --calcite-internal-flow-animation-timing: var(--calcite-animation-timing); + --calcite-internal-flow-animation-advance: calcite-frame-advance var(--calcite-internal-flow-animation-timing); + --calcite-internal-flow-animation-retreat: calcite-frame-retreat var(--calcite-internal-flow-animation-timing); .frame { - @apply relative - m-0 - flex - w-full - flex-auto - flex-col - items-stretch - p-0; + position: relative; + display: flex; + margin: 0; + inline-size: 100%; + flex: 1 1 auto; + flex-direction: column; + align-items: stretch; + padding: 0; } ::slotted(calcite-flow-item), ::slotted(calcite-panel) { - @apply h-full; + block-size: 100%; } ::slotted(.calcite-match-height:last-child) { - @apply flex - flex-auto - overflow-hidden; + display: flex; + flex: 1 1 auto; + overflow: hidden; } .frame--advancing { - animation: calcite-frame-advance var(--calcite-animation-timing); + animation: var(--calcite-internal-flow-animation-advance); } .frame--retreating { - animation: calcite-frame-retreat var(--calcite-animation-timing); + animation: var(--calcite-internal-flow-animation-retreat); } @keyframes calcite-frame-advance { 0% { - @apply bg-opacity-50; + opacity: var(--calcite-internal-flow-animation-opacity-start); transform: translate3d(50px, 0, 0); } 100% { - @apply bg-opacity-100; + opacity: var(--calcite-internal-flow-animation-opacity-end); transform: translate3d(0, 0, 0); } } @keyframes calcite-frame-retreat { 0% { - @apply bg-opacity-50; + opacity: var(--calcite-internal-flow-animation-opacity-start); transform: translate3d(-50px, 0, 0); } 100% { - @apply bg-opacity-100; + opacity: var(--calcite-internal-flow-animation-opacity-end); transform: translate3d(0, 0, 0); } }