@veeqo/ui 13.4.3 → 13.4.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
|
|
4
4
|
|
|
5
|
-
___$insertStyle(".
|
|
6
|
-
var styles = {"contour":"
|
|
5
|
+
___$insertStyle("._contour_h3576_1 {\n position: relative;\n max-height: var(--sizes-10);\n border-radius: var(--sizes-xs);\n padding: var(--sizes-sm);\n border: var(--sizes-line) solid transparent;\n cursor: pointer;\n background-color: transparent;\n}\n._contour_h3576_1 > span {\n color: var(--custom-text-colour, var(--colors-neutral-ink-dark));\n}\n\n._counterContainer_h3576_14 {\n display: inline-flex;\n border-radius: var(--sizes-xs);\n padding: 2px var(--sizes-xs);\n min-width: var(--sizes-5);\n height: var(--sizes-5);\n margin-left: var(--sizes-sm);\n}\n\n._counterText_h3576_23 {\n line-height: 1;\n}\n\nbutton[role=tab]._viewButton_h3576_27 {\n box-sizing: border-box;\n border-radius: var(--sizes-xs);\n border: none;\n padding: 0;\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33 {\n background-color: var(--colour-palette-lightest);\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33 ._contour_h3576_1 {\n background-color: var(--colour-palette-lightest);\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33 ._contour_h3576_1 > svg {\n color: var(--colour-palette-dark);\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33 ._contour_h3576_1 > span {\n color: var(--custom-text-colour, var(--colour-palette-dark));\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33 ._contour_h3576_1 ._counterContainer_h3576_14 {\n background-color: var(--colour-palette-dark);\n /* Force all text elements to be white when active, used when using slot\n *\n * Uses important to override text component, due to styled-components being used.\n */\n /* Force all SVG icons to be white when active, used when using slot */\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33 ._contour_h3576_1 ._counterContainer_h3576_14 ._counterText_h3576_23 {\n color: var(--colors-neutral-grey-lightest);\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33 ._contour_h3576_1 ._counterContainer_h3576_14 span {\n color: var(--colors-neutral-grey-lightest) !important;\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33 ._contour_h3576_1 ._counterContainer_h3576_14 svg {\n fill: var(--colors-neutral-grey-lightest);\n color: var(--colors-neutral-grey-lightest);\n}\nbutton[role=tab]._viewButton_h3576_27:hover, button[role=tab]._viewButton_h3576_27:focus-visible {\n background-color: var(--colors-neutral-grey-base);\n}\nbutton[role=tab]._viewButton_h3576_27:hover ._contour_h3576_1, button[role=tab]._viewButton_h3576_27:focus-visible ._contour_h3576_1 {\n background-color: var(--colors-neutral-grey-base);\n}\nbutton[role=tab]._viewButton_h3576_27:hover ._contour_h3576_1 ._counterContainer_h3576_14, button[role=tab]._viewButton_h3576_27:focus-visible ._contour_h3576_1 ._counterContainer_h3576_14 {\n background-color: var(--colors-neutral-grey-base);\n}\nbutton[role=tab]._viewButton_h3576_27:hover ._contour_h3576_1 ._counterContainer_h3576_14 ._counterText_h3576_23, button[role=tab]._viewButton_h3576_27:focus-visible ._contour_h3576_1 ._counterContainer_h3576_14 ._counterText_h3576_23 {\n color: var(--colors-neutral-ink-base);\n}\nbutton[role=tab]._viewButton_h3576_27:hover ._contour_h3576_1 ._counterContainer_h3576_14 svg, button[role=tab]._viewButton_h3576_27:focus-visible ._contour_h3576_1 ._counterContainer_h3576_14 svg {\n fill: var(--colors-neutral-ink-base);\n color: var(--colors-neutral-ink-base);\n}\nbutton[role=tab]._viewButton_h3576_27:hover ._contour_h3576_1 span, button[role=tab]._viewButton_h3576_27:focus-visible ._contour_h3576_1 span {\n color: var(--colors-neutral-ink-dark);\n}\nbutton[role=tab]._viewButton_h3576_27:hover ._contour_h3576_1 svg, button[role=tab]._viewButton_h3576_27:focus-visible ._contour_h3576_1 svg {\n fill: var(--colors-neutral-ink-base);\n color: var(--colors-neutral-ink-base);\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33:hover ._counterContainer_h3576_14, button[role=tab]._viewButton_h3576_27._active_h3576_33:focus-visible ._counterContainer_h3576_14 {\n background-color: var(--colors-neutral-ink-base);\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33:hover ._counterContainer_h3576_14 svg, button[role=tab]._viewButton_h3576_27._active_h3576_33:focus-visible ._counterContainer_h3576_14 svg {\n fill: var(--colors-neutral-grey-lightest);\n color: var(--colors-neutral-grey-lightest);\n}\n\n._iconWrapper_h3576_94 {\n margin-right: var(--sizes-sm);\n}\n._iconWrapper_h3576_94 svg {\n height: var(--sizes-base);\n width: var(--sizes-base);\n}\n\n._iconStyling_h3576_102 {\n margin-left: var(--sizes-xs);\n padding: var(--sizes-xs);\n height: var(--sizes-base);\n width: var(--sizes-base);\n}");
|
|
6
|
+
var styles = {"contour":"_contour_h3576_1","counterContainer":"_counterContainer_h3576_14","counterText":"_counterText_h3576_23","viewButton":"_viewButton_h3576_27","active":"_active_h3576_33","iconWrapper":"_iconWrapper_h3576_94","iconStyling":"_iconStyling_h3576_102"};
|
|
7
7
|
|
|
8
8
|
module.exports = styles;
|
|
9
9
|
//# sourceMappingURL=ViewTab.module.scss.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ViewTab.module.scss.cjs","sources":["../../../src/components/ViewTab/ViewTab.module.scss"],"sourcesContent":[".contour {\n position: relative;\n max-height: var(--sizes-10);\n border-radius: var(--sizes-xs);\n padding: var(--sizes-sm);\n border: var(--sizes-line) solid transparent;\n cursor: pointer;\n background-color: transparent;\n\n & > span {\n color: var(--custom-text-colour, var(--colors-neutral-ink-dark));\n }\n}\n\n.counterContainer {\n display: inline-flex;\n border-radius: var(--sizes-xs);\n padding: 2px var(--sizes-xs);\n min-width: var(--sizes-5);\n height: var(--sizes-5);\n margin-left: var(--sizes-sm);\n}\n\n.counterText {\n line-height: 1;\n}\n\nbutton[role='tab'].viewButton {\n box-sizing: border-box;\n border-radius: var(--sizes-xs);\n border: none;\n padding: 0;\n\n &.active {\n background-color: var(--colour-palette-lightest);\n .contour {\n background-color: var(--colour-palette-lightest);\n\n & > svg {\n color: var(--colour-palette-dark);\n }\n\n > span {\n color: var(--custom-text-colour, var(--colour-palette-dark));\n }\n\n .counterContainer {\n background-color: var(--colour-palette-dark);\n\n .counterText {\n color: var(--colors-neutral-grey-lightest);\n }\n\n /* Force all text elements to be white when active, used when using slot\n *\n * Uses important to override text component, due to styled-components being used.\n */\n & span {\n color: var(--colors-neutral-grey-lightest) !important;\n }\n\n /* Force all SVG icons to be white when active, used when using slot */\n & svg {\n fill: var(--colors-neutral-grey-lightest);\n color: var(--colors-neutral-grey-lightest);\n }\n }\n }\n }\n\n &:hover,\n &:focus-visible {\n background-color: var(--colors-neutral-grey-base);\n .contour {\n background-color: var(--colors-neutral-grey-base);\n .counterContainer {\n background-color: var(--colors-neutral-grey-base);\n .counterText {\n color: var(--colors-neutral-ink-base);\n }\n & svg {\n fill: var(--colors-neutral-ink-base);\n color: var(--colors-neutral-ink-base);\n }\n }\n\n & span {\n color: var(--
|
|
1
|
+
{"version":3,"file":"ViewTab.module.scss.cjs","sources":["../../../src/components/ViewTab/ViewTab.module.scss"],"sourcesContent":[".contour {\n position: relative;\n max-height: var(--sizes-10);\n border-radius: var(--sizes-xs);\n padding: var(--sizes-sm);\n border: var(--sizes-line) solid transparent;\n cursor: pointer;\n background-color: transparent;\n\n & > span {\n color: var(--custom-text-colour, var(--colors-neutral-ink-dark));\n }\n}\n\n.counterContainer {\n display: inline-flex;\n border-radius: var(--sizes-xs);\n padding: 2px var(--sizes-xs);\n min-width: var(--sizes-5);\n height: var(--sizes-5);\n margin-left: var(--sizes-sm);\n}\n\n.counterText {\n line-height: 1;\n}\n\nbutton[role='tab'].viewButton {\n box-sizing: border-box;\n border-radius: var(--sizes-xs);\n border: none;\n padding: 0;\n\n &.active {\n background-color: var(--colour-palette-lightest);\n .contour {\n background-color: var(--colour-palette-lightest);\n\n & > svg {\n color: var(--colour-palette-dark);\n }\n\n > span {\n color: var(--custom-text-colour, var(--colour-palette-dark));\n }\n\n .counterContainer {\n background-color: var(--colour-palette-dark);\n\n .counterText {\n color: var(--colors-neutral-grey-lightest);\n }\n\n /* Force all text elements to be white when active, used when using slot\n *\n * Uses important to override text component, due to styled-components being used.\n */\n & span {\n color: var(--colors-neutral-grey-lightest) !important;\n }\n\n /* Force all SVG icons to be white when active, used when using slot */\n & svg {\n fill: var(--colors-neutral-grey-lightest);\n color: var(--colors-neutral-grey-lightest);\n }\n }\n }\n }\n\n &:hover,\n &:focus-visible {\n background-color: var(--colors-neutral-grey-base);\n .contour {\n background-color: var(--colors-neutral-grey-base);\n .counterContainer {\n background-color: var(--colors-neutral-grey-base);\n .counterText {\n color: var(--colors-neutral-ink-base);\n }\n & svg {\n fill: var(--colors-neutral-ink-base);\n color: var(--colors-neutral-ink-base);\n }\n }\n\n & span {\n color: var(--colors-neutral-ink-dark);\n }\n\n & svg {\n fill: var(--colors-neutral-ink-base);\n color: var(--colors-neutral-ink-base);\n }\n }\n }\n\n &.active:hover,\n &.active:focus-visible {\n .counterContainer {\n background-color: var(--colors-neutral-ink-base);\n\n & svg {\n fill: var(--colors-neutral-grey-lightest);\n color: var(--colors-neutral-grey-lightest);\n }\n }\n }\n}\n\n.iconWrapper {\n margin-right: var(--sizes-sm);\n\n svg {\n height: var(--sizes-base);\n width: var(--sizes-base);\n }\n}\n\n.iconStyling {\n margin-left: var(--sizes-xs);\n padding: var(--sizes-xs);\n height: var(--sizes-base);\n width: var(--sizes-base);\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,2jJAAA;AACA,aAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,QAAA,CAAA,kBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,wBAAA;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import insertStyle from '../../_virtual/____insertStyle.js';
|
|
2
2
|
|
|
3
|
-
insertStyle(".
|
|
4
|
-
var styles = {"contour":"
|
|
3
|
+
insertStyle("._contour_h3576_1 {\n position: relative;\n max-height: var(--sizes-10);\n border-radius: var(--sizes-xs);\n padding: var(--sizes-sm);\n border: var(--sizes-line) solid transparent;\n cursor: pointer;\n background-color: transparent;\n}\n._contour_h3576_1 > span {\n color: var(--custom-text-colour, var(--colors-neutral-ink-dark));\n}\n\n._counterContainer_h3576_14 {\n display: inline-flex;\n border-radius: var(--sizes-xs);\n padding: 2px var(--sizes-xs);\n min-width: var(--sizes-5);\n height: var(--sizes-5);\n margin-left: var(--sizes-sm);\n}\n\n._counterText_h3576_23 {\n line-height: 1;\n}\n\nbutton[role=tab]._viewButton_h3576_27 {\n box-sizing: border-box;\n border-radius: var(--sizes-xs);\n border: none;\n padding: 0;\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33 {\n background-color: var(--colour-palette-lightest);\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33 ._contour_h3576_1 {\n background-color: var(--colour-palette-lightest);\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33 ._contour_h3576_1 > svg {\n color: var(--colour-palette-dark);\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33 ._contour_h3576_1 > span {\n color: var(--custom-text-colour, var(--colour-palette-dark));\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33 ._contour_h3576_1 ._counterContainer_h3576_14 {\n background-color: var(--colour-palette-dark);\n /* Force all text elements to be white when active, used when using slot\n *\n * Uses important to override text component, due to styled-components being used.\n */\n /* Force all SVG icons to be white when active, used when using slot */\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33 ._contour_h3576_1 ._counterContainer_h3576_14 ._counterText_h3576_23 {\n color: var(--colors-neutral-grey-lightest);\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33 ._contour_h3576_1 ._counterContainer_h3576_14 span {\n color: var(--colors-neutral-grey-lightest) !important;\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33 ._contour_h3576_1 ._counterContainer_h3576_14 svg {\n fill: var(--colors-neutral-grey-lightest);\n color: var(--colors-neutral-grey-lightest);\n}\nbutton[role=tab]._viewButton_h3576_27:hover, button[role=tab]._viewButton_h3576_27:focus-visible {\n background-color: var(--colors-neutral-grey-base);\n}\nbutton[role=tab]._viewButton_h3576_27:hover ._contour_h3576_1, button[role=tab]._viewButton_h3576_27:focus-visible ._contour_h3576_1 {\n background-color: var(--colors-neutral-grey-base);\n}\nbutton[role=tab]._viewButton_h3576_27:hover ._contour_h3576_1 ._counterContainer_h3576_14, button[role=tab]._viewButton_h3576_27:focus-visible ._contour_h3576_1 ._counterContainer_h3576_14 {\n background-color: var(--colors-neutral-grey-base);\n}\nbutton[role=tab]._viewButton_h3576_27:hover ._contour_h3576_1 ._counterContainer_h3576_14 ._counterText_h3576_23, button[role=tab]._viewButton_h3576_27:focus-visible ._contour_h3576_1 ._counterContainer_h3576_14 ._counterText_h3576_23 {\n color: var(--colors-neutral-ink-base);\n}\nbutton[role=tab]._viewButton_h3576_27:hover ._contour_h3576_1 ._counterContainer_h3576_14 svg, button[role=tab]._viewButton_h3576_27:focus-visible ._contour_h3576_1 ._counterContainer_h3576_14 svg {\n fill: var(--colors-neutral-ink-base);\n color: var(--colors-neutral-ink-base);\n}\nbutton[role=tab]._viewButton_h3576_27:hover ._contour_h3576_1 span, button[role=tab]._viewButton_h3576_27:focus-visible ._contour_h3576_1 span {\n color: var(--colors-neutral-ink-dark);\n}\nbutton[role=tab]._viewButton_h3576_27:hover ._contour_h3576_1 svg, button[role=tab]._viewButton_h3576_27:focus-visible ._contour_h3576_1 svg {\n fill: var(--colors-neutral-ink-base);\n color: var(--colors-neutral-ink-base);\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33:hover ._counterContainer_h3576_14, button[role=tab]._viewButton_h3576_27._active_h3576_33:focus-visible ._counterContainer_h3576_14 {\n background-color: var(--colors-neutral-ink-base);\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33:hover ._counterContainer_h3576_14 svg, button[role=tab]._viewButton_h3576_27._active_h3576_33:focus-visible ._counterContainer_h3576_14 svg {\n fill: var(--colors-neutral-grey-lightest);\n color: var(--colors-neutral-grey-lightest);\n}\n\n._iconWrapper_h3576_94 {\n margin-right: var(--sizes-sm);\n}\n._iconWrapper_h3576_94 svg {\n height: var(--sizes-base);\n width: var(--sizes-base);\n}\n\n._iconStyling_h3576_102 {\n margin-left: var(--sizes-xs);\n padding: var(--sizes-xs);\n height: var(--sizes-base);\n width: var(--sizes-base);\n}");
|
|
4
|
+
var styles = {"contour":"_contour_h3576_1","counterContainer":"_counterContainer_h3576_14","counterText":"_counterText_h3576_23","viewButton":"_viewButton_h3576_27","active":"_active_h3576_33","iconWrapper":"_iconWrapper_h3576_94","iconStyling":"_iconStyling_h3576_102"};
|
|
5
5
|
|
|
6
6
|
export { styles as default };
|
|
7
7
|
//# sourceMappingURL=ViewTab.module.scss.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ViewTab.module.scss.js","sources":["../../../src/components/ViewTab/ViewTab.module.scss"],"sourcesContent":[".contour {\n position: relative;\n max-height: var(--sizes-10);\n border-radius: var(--sizes-xs);\n padding: var(--sizes-sm);\n border: var(--sizes-line) solid transparent;\n cursor: pointer;\n background-color: transparent;\n\n & > span {\n color: var(--custom-text-colour, var(--colors-neutral-ink-dark));\n }\n}\n\n.counterContainer {\n display: inline-flex;\n border-radius: var(--sizes-xs);\n padding: 2px var(--sizes-xs);\n min-width: var(--sizes-5);\n height: var(--sizes-5);\n margin-left: var(--sizes-sm);\n}\n\n.counterText {\n line-height: 1;\n}\n\nbutton[role='tab'].viewButton {\n box-sizing: border-box;\n border-radius: var(--sizes-xs);\n border: none;\n padding: 0;\n\n &.active {\n background-color: var(--colour-palette-lightest);\n .contour {\n background-color: var(--colour-palette-lightest);\n\n & > svg {\n color: var(--colour-palette-dark);\n }\n\n > span {\n color: var(--custom-text-colour, var(--colour-palette-dark));\n }\n\n .counterContainer {\n background-color: var(--colour-palette-dark);\n\n .counterText {\n color: var(--colors-neutral-grey-lightest);\n }\n\n /* Force all text elements to be white when active, used when using slot\n *\n * Uses important to override text component, due to styled-components being used.\n */\n & span {\n color: var(--colors-neutral-grey-lightest) !important;\n }\n\n /* Force all SVG icons to be white when active, used when using slot */\n & svg {\n fill: var(--colors-neutral-grey-lightest);\n color: var(--colors-neutral-grey-lightest);\n }\n }\n }\n }\n\n &:hover,\n &:focus-visible {\n background-color: var(--colors-neutral-grey-base);\n .contour {\n background-color: var(--colors-neutral-grey-base);\n .counterContainer {\n background-color: var(--colors-neutral-grey-base);\n .counterText {\n color: var(--colors-neutral-ink-base);\n }\n & svg {\n fill: var(--colors-neutral-ink-base);\n color: var(--colors-neutral-ink-base);\n }\n }\n\n & span {\n color: var(--
|
|
1
|
+
{"version":3,"file":"ViewTab.module.scss.js","sources":["../../../src/components/ViewTab/ViewTab.module.scss"],"sourcesContent":[".contour {\n position: relative;\n max-height: var(--sizes-10);\n border-radius: var(--sizes-xs);\n padding: var(--sizes-sm);\n border: var(--sizes-line) solid transparent;\n cursor: pointer;\n background-color: transparent;\n\n & > span {\n color: var(--custom-text-colour, var(--colors-neutral-ink-dark));\n }\n}\n\n.counterContainer {\n display: inline-flex;\n border-radius: var(--sizes-xs);\n padding: 2px var(--sizes-xs);\n min-width: var(--sizes-5);\n height: var(--sizes-5);\n margin-left: var(--sizes-sm);\n}\n\n.counterText {\n line-height: 1;\n}\n\nbutton[role='tab'].viewButton {\n box-sizing: border-box;\n border-radius: var(--sizes-xs);\n border: none;\n padding: 0;\n\n &.active {\n background-color: var(--colour-palette-lightest);\n .contour {\n background-color: var(--colour-palette-lightest);\n\n & > svg {\n color: var(--colour-palette-dark);\n }\n\n > span {\n color: var(--custom-text-colour, var(--colour-palette-dark));\n }\n\n .counterContainer {\n background-color: var(--colour-palette-dark);\n\n .counterText {\n color: var(--colors-neutral-grey-lightest);\n }\n\n /* Force all text elements to be white when active, used when using slot\n *\n * Uses important to override text component, due to styled-components being used.\n */\n & span {\n color: var(--colors-neutral-grey-lightest) !important;\n }\n\n /* Force all SVG icons to be white when active, used when using slot */\n & svg {\n fill: var(--colors-neutral-grey-lightest);\n color: var(--colors-neutral-grey-lightest);\n }\n }\n }\n }\n\n &:hover,\n &:focus-visible {\n background-color: var(--colors-neutral-grey-base);\n .contour {\n background-color: var(--colors-neutral-grey-base);\n .counterContainer {\n background-color: var(--colors-neutral-grey-base);\n .counterText {\n color: var(--colors-neutral-ink-base);\n }\n & svg {\n fill: var(--colors-neutral-ink-base);\n color: var(--colors-neutral-ink-base);\n }\n }\n\n & span {\n color: var(--colors-neutral-ink-dark);\n }\n\n & svg {\n fill: var(--colors-neutral-ink-base);\n color: var(--colors-neutral-ink-base);\n }\n }\n }\n\n &.active:hover,\n &.active:focus-visible {\n .counterContainer {\n background-color: var(--colors-neutral-ink-base);\n\n & svg {\n fill: var(--colors-neutral-grey-lightest);\n color: var(--colors-neutral-grey-lightest);\n }\n }\n }\n}\n\n.iconWrapper {\n margin-right: var(--sizes-sm);\n\n svg {\n height: var(--sizes-base);\n width: var(--sizes-base);\n }\n}\n\n.iconStyling {\n margin-left: var(--sizes-xs);\n padding: var(--sizes-xs);\n height: var(--sizes-base);\n width: var(--sizes-base);\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,2jJAAA;AACA,aAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,QAAA,CAAA,kBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,wBAAA;;;;"}
|