@roadtrip/components 3.16.0 → 3.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index-fb57f684.js.map +1 -1
- package/dist/cjs/road-badge_14.cjs.entry.js +1 -1
- package/dist/cjs/road-badge_14.cjs.entry.js.map +1 -1
- package/dist/cjs/road-tab-bar.cjs.entry.js +1 -1
- package/dist/cjs/road-tab-bar.cjs.entry.js.map +1 -1
- package/dist/collection/components/dropdown/dropdown.stories.js +4 -4
- package/dist/collection/components/icon/svg/vehicle-towbar-box-color.svg +1 -0
- package/dist/collection/components/icon/svg/vehicle-towbar-box-outline.svg +1 -0
- package/dist/collection/components/icon/svg/vehicle-towbar-box-solid.svg +1 -0
- package/dist/collection/components/icon/svg/world-solid.svg +1 -1
- package/dist/collection/components/item/item.css +4 -2
- package/dist/collection/components/tab-bar/tab-bar.css +1 -1
- package/dist/esm/index-891decf5.js.map +1 -1
- package/dist/esm/road-badge_14.entry.js +1 -1
- package/dist/esm/road-badge_14.entry.js.map +1 -1
- package/dist/esm/road-tab-bar.entry.js +1 -1
- package/dist/esm/road-tab-bar.entry.js.map +1 -1
- package/dist/icons/icons.svg +1 -1
- package/dist/icons/index.d.ts +3 -0
- package/dist/icons/index.js +4 -1
- package/dist/roadtrip/{p-afe28f05.entry.js → p-2e25c08d.entry.js} +2 -2
- package/dist/roadtrip/{p-afe28f05.entry.js.map → p-2e25c08d.entry.js.map} +1 -1
- package/dist/roadtrip/p-73fe2357.js.map +1 -1
- package/dist/roadtrip/p-e214386f.entry.js +2 -0
- package/dist/roadtrip/p-e214386f.entry.js.map +1 -0
- package/dist/roadtrip/roadtrip.esm.js +1 -1
- package/dist/roadtrip/svg/vehicle-towbar-box-color.svg +1 -0
- package/dist/roadtrip/svg/vehicle-towbar-box-outline.svg +1 -0
- package/dist/roadtrip/svg/vehicle-towbar-box-solid.svg +1 -0
- package/dist/roadtrip/svg/world-solid.svg +1 -1
- package/hydrate/index.js +2 -2
- package/icons/icons.svg +1 -1
- package/icons/index.d.ts +3 -0
- package/icons/index.js +4 -1
- package/package.json +1 -1
- package/dist/roadtrip/p-b65f0a62.entry.js +0 -2
- package/dist/roadtrip/p-b65f0a62.entry.js.map +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-52302079.js';
|
|
2
2
|
import './polyfill-dc7c89b2.js';
|
|
3
3
|
|
|
4
|
-
const tabBarCss = ":host{--tab-bar-background:var(--road-surface);--tab-color:var(--road-on-surface-weak);--tab-color-selected:var(--road-on-surface);--tab-underline-selected:var(--road-primary);--tab-background:var(--road-surface);--tab-background-hover:var(--road-surface-inverse);--tab-background-focused:var(--road-grey-70);display:flex;width:100%;margin:0;overflow:scroll;overflow-x:inherit;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--road-on-surface-weak);list-style:none;background:var(--tab-bar-background);border-bottom:1px solid var(--road-
|
|
4
|
+
const tabBarCss = ":host{--tab-bar-background:var(--road-surface);--tab-color:var(--road-on-surface-weak);--tab-color-selected:var(--road-on-surface);--tab-underline-selected:var(--road-primary);--tab-background:var(--road-surface);--tab-background-hover:var(--road-surface-inverse);--tab-background-focused:var(--road-grey-70);display:flex;width:100%;margin:0;overflow:scroll;overflow-x:inherit;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--road-on-surface-weak);list-style:none;background:var(--tab-bar-background);border-bottom:1px solid var(--road-outline-weak);fill:currentColor;scrollbar-width:none}:host(::-webkit-scrollbar){display:none}:host(.tab-expand) ::slotted(road-tab-button){flex-grow:1}:host(.tab-secondary) ::slotted(road-tab-button){--tab-underline-selected:var(--road-secondary)}:host(.tab-center){justify-content:center}";
|
|
5
5
|
|
|
6
6
|
const TabBar = class {
|
|
7
7
|
constructor(hostRef) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"road-tab-bar.entry.js","mappings":";;;AAAA,MAAM,SAAS,GAAG
|
|
1
|
+
{"file":"road-tab-bar.entry.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,+0BAA+0B;;MCYp1B,MAAM;;;;;qBAOa,KAAK;kBAKT,KAAK;kBAKL,KAAK;;;EAO/B,kBAAkB;IAChB,IAAI,IAAI,CAAC,WAAW,KAAK,SAAS,EAAE;MAClC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;QAC1B,GAAG,EAAE,IAAI,CAAC,WAAW;OACtB,CAAC,CAAC;MACH,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;QAC1B,GAAG,EAAE,IAAI,CAAC,WAAW;OACtB,CAAC,CAAC;KACJ;GACF;EAOD,iBAAiB;IACf,IAAI,CAAC,kBAAkB,EAAE,CAAC;GAC3B;EAED,MAAM;IACJ,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IAC3C,QACE,EAAC,IAAI,IACH,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;QACL,YAAY,EAAE,MAAM;QACpB,YAAY,EAAE,MAAM;QACpB,eAAe,EAAE,SAAS;OAC3B,IAED,eAAO,CACF,EACP;GACH;;;;;;;;;;","names":[],"sources":["src/components/tab-bar/tab-bar.css?tag=road-tab-bar&encapsulation=shadow","src/components/tab-bar/tab-bar.tsx"],"sourcesContent":["/*\n * Tab bar\n *\n */\n\n/**\n * @prop --tab-background: background color of the tab bar\n */\n\n\n:host {\n --tab-bar-background: var(--road-surface);\n --tab-color: var(--road-on-surface-weak);\n --tab-color-selected: var(--road-on-surface);\n --tab-underline-selected: var(--road-primary);\n --tab-background: var(--road-surface);\n --tab-background-hover: var(--road-surface-inverse);\n --tab-background-focused: var(--road-grey-70);\n\n display: flex;\n width: 100%;\n margin: 0;\n overflow: scroll;\n overflow-x: inherit;\n font-family: var(--road-font, sans-serif);\n line-height: 1.5;\n color: var(--road-on-surface-weak);\n list-style: none;\n background: var(--tab-bar-background);\n border-bottom: 1px solid var(--road-outline-weak);\n fill: currentColor;\n scrollbar-width: none;\n}\n\n:host(::-webkit-scrollbar) {\n display: none;\n}\n\n:host(.tab-expand) ::slotted(road-tab-button) {\n flex-grow: 1;\n}\n\n:host(.tab-secondary) ::slotted(road-tab-button) {\n --tab-underline-selected: var(--road-secondary);\n}\n\n:host(.tab-center) {\n justify-content: center;\n}\n","import { Component, Element, Event, EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\nimport './../../utils/polyfill';\n\n/**\n * @slot - Content of the tabBar, it should be road-tab-button elements.\n */\n\n@Component({\n tag: 'road-tab-bar',\n styleUrl: 'tab-bar.css',\n shadow: true,\n})\nexport class TabBar {\n\n @Element() el!: HTMLRoadTabBarElement;\n\n /**\n * The color to use the color Secondary from your application's color palette.\n */\n @Prop() secondary: boolean = false;\n\n /**\n * Set to `true` to expand buttons width to take the full size of the bar.\n */\n @Prop() expand: boolean = false;\n\n /**\n * Set to `true` to center buttons in the bar.\n */\n @Prop() center: boolean = false;\n\n /**\n * The selected tab component\n */\n @Prop() selectedTab?: string;\n @Watch('selectedTab')\n selectedTabChanged() {\n if (this.selectedTab !== undefined) {\n this.roadtabbarchanged.emit({\n tab: this.selectedTab,\n });\n this.roadTabBarChanged.emit({\n tab: this.selectedTab,\n });\n }\n }\n\n /** @internal */\n @Event() roadtabbarchanged!: EventEmitter;\n /** @internal */\n @Event() roadTabBarChanged!: EventEmitter;\n\n componentWillLoad() {\n this.selectedTabChanged();\n }\n\n render() {\n const { expand, center, secondary } = this;\n return (\n <Host\n role=\"tablist\"\n class={{\n 'tab-expand': expand,\n 'tab-center': center,\n 'tab-secondary': secondary,\n }}\n >\n <slot/>\n </Host>\n );\n }\n}"],"version":3}
|