diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md index 245a25e9..b74b6190 100644 --- a/COMPONENT_INDEX.md +++ b/COMPONENT_INDEX.md @@ -2243,6 +2243,7 @@ import { Link } from "carbon-components-svelte"; | Prop name | Type | Default value | Description | | :-------- | :--------------------------------------------------------------------- | :------------ | :------------------------------------------------ | +| size | "sm" | "lg" | -- | Specify the size of the link. | | href | string | -- | Specify the href value. | | inline | boolean | `false` | Set to `true` to use the inline variant. | | disabled | boolean | `false` | Set to `true` to disable the checkbox. | @@ -3014,6 +3015,7 @@ import { OverflowMenu } from "carbon-components-svelte"; | Prop name | Type | Default value | Description | | :--------------- | :------------------------------------------------------------------ | :--------------------------------- | :----------------------------------------------------------------- | +| size | "sm" | "xl" | -- | Specify the size of the overflow menu. | | direction | "top" | "bottom" | `"bottom"` | Specify the direction of the overflow menu relative to the button. | | open | boolean | `false` | Set to `true` to open the menu. | | light | boolean | `false` | Set to `true` to enable the light variant. | @@ -4986,6 +4988,7 @@ import { TimePicker } from "carbon-components-svelte"; | Prop name | Type | Default value | Description | | :---------- | :---------------------------------------- | :------------ | :--------------------------------------------- | +| size | "sm" | "xl" | -- | Specify the size of the input. | | value | string | `""` | Specify the input value. | | type | string | `"text"` | Specify the input type. | | placeholder | string | `"hh=mm"` | Specify the input placeholder text. | diff --git a/docs/package.json b/docs/package.json index 0ddbd352..2aff263e 100644 --- a/docs/package.json +++ b/docs/package.json @@ -12,7 +12,7 @@ "@carbon/themes": "^10.20.0", "@sveltech/routify": "^1.9.9", "autoprefixer": "^10.0.1", - "carbon-components": "^10.22.0", + "carbon-components": "^10.23.0", "carbon-components-svelte": "../", "clipboard-copy": "^3.1.0", "mdsvex": "^0.8.8", diff --git a/docs/src/PUBLIC_API.json b/docs/src/PUBLIC_API.json index 93f06fef..a14cf22d 100644 --- a/docs/src/PUBLIC_API.json +++ b/docs/src/PUBLIC_API.json @@ -6602,6 +6602,14 @@ "Link": { "moduleName": "Link", "props": [ + [ + "size", + { + "kind": "let", + "type": "\"sm\" | \"lg\"", + "description": "Specify the size of the link" + } + ], [ "href", { @@ -6662,8 +6670,8 @@ [ "click", { - "start": 1308, - "end": 1316, + "start": 1500, + "end": 1508, "type": "EventHandler", "name": "click", "modifiers": [], @@ -6673,8 +6681,8 @@ [ "mouseover", { - "start": 1321, - "end": 1333, + "start": 1513, + "end": 1525, "type": "EventHandler", "name": "mouseover", "modifiers": [], @@ -6684,8 +6692,8 @@ [ "mouseenter", { - "start": 1338, - "end": 1351, + "start": 1530, + "end": 1543, "type": "EventHandler", "name": "mouseenter", "modifiers": [], @@ -6695,8 +6703,8 @@ [ "mouseleave", { - "start": 1356, - "end": 1369, + "start": 1548, + "end": 1561, "type": "EventHandler", "name": "mouseleave", "modifiers": [], @@ -8756,6 +8764,14 @@ "OverflowMenu": { "moduleName": "OverflowMenu", "props": [ + [ + "size", + { + "kind": "let", + "type": "\"sm\" | \"xl\"", + "description": "Specify the size of the overflow menu" + } + ], [ "direction", { @@ -8858,14 +8874,14 @@ { "attributes": [ { - "start": 4805, - "end": 4816, + "start": 5113, + "end": 5124, "type": "Attribute", "name": "name", "value": [ { - "start": 4811, - "end": 4815, + "start": 5119, + "end": 5123, "type": "Text", "raw": "menu", "data": "menu" @@ -8875,39 +8891,39 @@ ], "children": [ { - "start": 4817, - "end": 4822, + "start": 5125, + "end": 5130, "type": "Text", "raw": "\n ", "data": "\n " }, { - "start": 4822, - "end": 4985, + "start": 5130, + "end": 5293, "type": "InlineComponent", "name": "svelte:component", "attributes": [ { - "start": 4866, - "end": 4896, + "start": 5174, + "end": 5204, "type": "Attribute", "name": "aria-label", "value": [ { - "start": 4878, - "end": 4895, + "start": 5186, + "end": 5203, "type": "MustacheTag", "expression": { "type": "Identifier", - "start": 4879, - "end": 4894, + "start": 5187, + "end": 5202, "loc": { "start": { - "line": 206, + "line": 216, "column": 19 }, "end": { - "line": 206, + "line": 216, "column": 34 } }, @@ -8917,26 +8933,26 @@ ] }, { - "start": 4903, - "end": 4928, + "start": 5211, + "end": 5236, "type": "Attribute", "name": "title", "value": [ { - "start": 4910, - "end": 4927, + "start": 5218, + "end": 5235, "type": "MustacheTag", "expression": { "type": "Identifier", - "start": 4911, - "end": 4926, + "start": 5219, + "end": 5234, "loc": { "start": { - "line": 207, + "line": 217, "column": 14 }, "end": { - "line": 207, + "line": 217, "column": 29 } }, @@ -8946,33 +8962,33 @@ ] }, { - "start": 4935, - "end": 4978, + "start": 5243, + "end": 5286, "type": "Attribute", "name": "class", "value": [ { - "start": 4942, - "end": 4967, + "start": 5250, + "end": 5275, "type": "Text", "raw": "bx--overflow-menu__icon ", "data": "bx--overflow-menu__icon " }, { - "start": 4966, - "end": 4977, + "start": 5274, + "end": 5285, "type": "MustacheTag", "expression": { "type": "Identifier", - "start": 4967, - "end": 4976, + "start": 5275, + "end": 5284, "loc": { "start": { - "line": 208, + "line": 218, "column": 38 }, "end": { - "line": 208, + "line": 218, "column": 47 } }, @@ -8985,15 +9001,15 @@ "children": [], "expression": { "type": "Identifier", - "start": 4853, - "end": 4857, + "start": 5161, + "end": 5165, "loc": { "start": { - "line": 205, + "line": 215, "column": 13 }, "end": { - "line": 205, + "line": 215, "column": 17 } }, @@ -9001,8 +9017,8 @@ } }, { - "start": 4985, - "end": 4988, + "start": 5293, + "end": 5296, "type": "Text", "raw": "\n ", "data": "\n " @@ -9026,8 +9042,8 @@ [ "click", { - "start": 4327, - "end": 4335, + "start": 4635, + "end": 4643, "type": "EventHandler", "name": "click", "modifiers": [], @@ -9037,8 +9053,8 @@ [ "mouseover", { - "start": 4451, - "end": 4463, + "start": 4759, + "end": 4771, "type": "EventHandler", "name": "mouseover", "modifiers": [], @@ -9048,8 +9064,8 @@ [ "mouseenter", { - "start": 4466, - "end": 4479, + "start": 4774, + "end": 4787, "type": "EventHandler", "name": "mouseenter", "modifiers": [], @@ -9059,8 +9075,8 @@ [ "mouseleave", { - "start": 4482, - "end": 4495, + "start": 4790, + "end": 4803, "type": "EventHandler", "name": "mouseleave", "modifiers": [], @@ -9070,8 +9086,8 @@ [ "keydown", { - "start": 4498, - "end": 4508, + "start": 4806, + "end": 4816, "type": "EventHandler", "name": "keydown", "modifiers": [], @@ -14573,6 +14589,14 @@ "TimePicker": { "moduleName": "TimePicker", "props": [ + [ + "size", + { + "kind": "let", + "type": "\"sm\" | \"xl\"", + "description": "Specify the size of the input" + } + ], [ "value", { @@ -14713,8 +14737,8 @@ [ "click", { - "start": 1853, - "end": 1861, + "start": 1964, + "end": 1972, "type": "EventHandler", "name": "click", "modifiers": [], @@ -14724,8 +14748,8 @@ [ "mouseover", { - "start": 1864, - "end": 1876, + "start": 1975, + "end": 1987, "type": "EventHandler", "name": "mouseover", "modifiers": [], @@ -14735,8 +14759,8 @@ [ "mouseenter", { - "start": 1879, - "end": 1892, + "start": 1990, + "end": 2003, "type": "EventHandler", "name": "mouseenter", "modifiers": [], @@ -14746,8 +14770,8 @@ [ "mouseleave", { - "start": 1895, - "end": 1908, + "start": 2006, + "end": 2019, "type": "EventHandler", "name": "mouseleave", "modifiers": [], @@ -14757,8 +14781,8 @@ [ "change", { - "start": 2830, - "end": 2839, + "start": 3037, + "end": 3046, "type": "EventHandler", "name": "change", "modifiers": [], @@ -14768,8 +14792,8 @@ [ "input", { - "start": 2848, - "end": 2856, + "start": 3055, + "end": 3063, "type": "EventHandler", "name": "input", "modifiers": [], @@ -14779,8 +14803,8 @@ [ "focus", { - "start": 2946, - "end": 2954, + "start": 3153, + "end": 3161, "type": "EventHandler", "name": "focus", "modifiers": [], @@ -14790,8 +14814,8 @@ [ "blur", { - "start": 2963, - "end": 2970, + "start": 3170, + "end": 3177, "type": "EventHandler", "name": "blur", "modifiers": [], diff --git a/docs/src/pages/components/Link.svx b/docs/src/pages/components/Link.svx index 0241f069..8d25d605 100644 --- a/docs/src/pages/components/Link.svx +++ b/docs/src/pages/components/Link.svx @@ -24,6 +24,14 @@ You can override the `rel` attribute with a custom value. Carbon Design System. +### Large size + +Carbon Design System + +### Small size + +Carbon Design System + ### Disabled Carbon Design System diff --git a/docs/src/pages/components/OverflowMenu.svx b/docs/src/pages/components/OverflowMenu.svx index 553dbb1f..89ba3f5f 100644 --- a/docs/src/pages/components/OverflowMenu.svx +++ b/docs/src/pages/components/OverflowMenu.svx @@ -4,6 +4,7 @@ components: ["OverflowMenu", "OverflowMenuItem"] @@ -31,6 +32,22 @@ components: ["OverflowMenu", "OverflowMenuItem"] +### Extra-large size + + + + + + + +### Small size + + + + + + + ### Custom primary focus By default, the first overflow menu item is focused when opening the dropdown. @@ -41,6 +58,14 @@ By default, the first overflow menu item is focused when opening the dropdown. +### Custom trigger icon + + + + + + + ### Custom trigger slot diff --git a/docs/src/pages/components/TimePicker.svx b/docs/src/pages/components/TimePicker.svx index 9ed795fa..a70b4ca5 100644 --- a/docs/src/pages/components/TimePicker.svx +++ b/docs/src/pages/components/TimePicker.svx @@ -33,6 +33,32 @@ components: ["TimePicker", "TimePickerSelect", "SelectItem"] +### Extra-large size + + + + + + + + + + + + +### Small size + + + + + + + + + + + + ### Disabled diff --git a/docs/yarn.lock b/docs/yarn.lock index f6fda509..84d117f5 100644 --- a/docs/yarn.lock +++ b/docs/yarn.lock @@ -771,15 +771,15 @@ caniuse-lite@^1.0.30001135, caniuse-lite@^1.0.30001137: integrity sha512-VAy5RHDfTJhpxnDdp2n40GPPLp3KqNrXz1QqFv4J64HvArKs8nuNMOWkB3ICOaBTU/Aj4rYAo/ytdQDDFF/Pug== carbon-components-svelte@../: - version "0.17.0" + version "0.21.0" dependencies: carbon-icons-svelte "^10.17.0" flatpickr "4.6.3" -carbon-components@^10.22.0: - version "10.22.0" - resolved "https://registry.npmjs.org/carbon-components/-/carbon-components-10.22.0.tgz#866791ca8e3f651054543d63f6a898cff6bcacf9" - integrity sha512-0cADWQf1e+6YsxXnjEz630Z7GZa3Z1ssO0UW/HnnJy03Dr+qdT3o6sIgSqObYLddJliAVcjeTlwJshZ9K4bWJQ== +carbon-components@^10.23.0: + version "10.23.0" + resolved "https://registry.npmjs.org/carbon-components/-/carbon-components-10.23.0.tgz#56bdfffa95f518237a0bee2961b955c367a8b4c4" + integrity sha512-Meq//PMtSnAwoMKr2BpiOmjAivpSzc1D2Q0r3mudkQsz9dhYOzBQAsfEfoh8WKbDiD7rHWUM2fNkw0yQl4dahA== dependencies: flatpickr "4.6.1" lodash.debounce "^4.0.8" diff --git a/src/Link/Link.svelte b/src/Link/Link.svelte index 8b1a644d..6869cf66 100644 --- a/src/Link/Link.svelte +++ b/src/Link/Link.svelte @@ -1,4 +1,10 @@