@orangesk/orange-design-system 2.0.0-beta.13 → 2.0.0-beta.15
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/build/components/index.js +4 -4
- package/build/components/index.js.map +1 -1
- package/build/components/tsconfig.tsbuildinfo +1 -1
- package/build/components/types/index.d.ts +20 -17
- package/build/components/types/src/components/AnchorNavigation/AnchorNavigation.d.ts +1 -1
- package/build/components/types/src/components/BodyBanner/BodyBanner.d.ts +10 -10
- package/build/components/types/src/components/Button/index.d.ts +3 -4
- package/build/components/types/src/components/FeatureAccordion/FeatureAccordion.d.ts +1 -1
- package/build/components/types/src/components/Forms/Select/index.d.ts +1 -1
- package/build/components/types/src/components/Grid/GridCol.d.ts +1 -1
- package/build/components/types/src/components/Icon/IconSearch.d.ts +2 -2
- package/build/components/types/src/components/Icon/IconSearchWrapper.d.ts +1 -1
- package/build/components/types/src/components/Link/Link.d.ts +2 -0
- package/build/components/types/src/components/Megamenu/Megamenu.d.ts +1 -1
- package/build/components/types/src/components/Megamenu/MegamenuBlog.d.ts +1 -1
- package/build/components/types/src/components/Pagination/Separator.d.ts +2 -2
- package/build/components/types/src/components/Preview/Preview.d.ts +1 -1
- package/build/components/types/src/components/Preview/index.d.ts +1 -1
- package/build/components/types/src/components/PromoBanner/PromoBanner.d.ts +1 -1
- package/build/components/types/src/components/Table/Row.d.ts +1 -2
- package/build/components/types/src/components/Tooltip/tests/BaseWrapper.d.ts +1 -1
- package/build/components/types/src/docs/utils/SpacePreview.d.ts +1 -2
- package/build/components/types/src/styles/export/color.d.ts +23 -0
- package/build/lib/after-components.css +1 -1
- package/build/lib/after-components.css.map +1 -1
- package/build/lib/before-components.css +1 -1
- package/build/lib/before-components.css.map +1 -1
- package/build/lib/components.css +1 -1
- package/build/lib/components.css.map +1 -1
- package/build/lib/megamenu.css +1 -1
- package/build/lib/megamenu.css.map +1 -1
- package/build/lib/scripts.js +4 -4
- package/build/lib/scripts.js.map +1 -1
- package/build/lib/style.css +1 -1
- package/build/lib/style.css.map +1 -1
- package/build/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +17 -15
- package/src/components/BodyBanner/BodyBanner.tsx +52 -73
- package/src/components/BodyBanner/styles/mixins.scss +39 -33
- package/src/components/BodyBanner/styles/style.scss +4 -18
- package/src/components/BodyBanner/tests/BodyBanner.conformance.test.js +67 -0
- package/src/components/BodyBanner/tests/BodyBanner.unit.test.js +194 -0
- package/src/components/Carousel/Carousel.static.ts +1 -0
- package/src/components/Carousel/styles/mixins.scss +11 -5
- package/src/components/DocumentationSidebar/styles/style.scss +3 -3
- package/src/components/FeatureAccordion/FeatureAccordion.tsx +1 -1
- package/src/components/Link/Link.tsx +4 -0
- package/src/components/Link/styles/mixins.scss +8 -2
- package/src/components/Link/styles/style.scss +8 -1
- package/src/components/PromoBanner/styles/mixins.scss +1 -1
- package/src/components/Tag/styles/config.scss +18 -22
- package/src/components/Tag/styles/style.scss +1 -1
- package/src/styles/base/globals.scss +7 -0
- package/src/styles/tokens/tag-colors.scss +20 -0
- package/src/styles/typography/mixins.scss +0 -5
- package/src/styles/utilities/layout.scss +19 -0
- package/src/styles/utilities/visibility.scss +2 -4
- package/build/components/index.css +0 -2
- package/build/components/index.css.map +0 -1
- package/build/lib/scripts.css +0 -2
- package/build/lib/scripts.css.map +0 -1
|
@@ -189,6 +189,12 @@
|
|
|
189
189
|
width: 100% !important;
|
|
190
190
|
}
|
|
191
191
|
|
|
192
|
+
.fullwidth-xs-only {
|
|
193
|
+
@include breakpoint.get("xs", "only") {
|
|
194
|
+
width: 100% !important;
|
|
195
|
+
}
|
|
196
|
+
}
|
|
197
|
+
|
|
192
198
|
.fullheight {
|
|
193
199
|
height: 100% !important;
|
|
194
200
|
}
|
|
@@ -200,4 +206,17 @@
|
|
|
200
206
|
}
|
|
201
207
|
|
|
202
208
|
@include block-classes();
|
|
209
|
+
|
|
210
|
+
|
|
211
|
+
@mixin position-classes {
|
|
212
|
+
.relative {
|
|
213
|
+
position: relative !important;
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
.absolute {
|
|
217
|
+
position: absolute !important;
|
|
218
|
+
}
|
|
219
|
+
}
|
|
220
|
+
|
|
221
|
+
@include position-classes();
|
|
203
222
|
}
|
|
@@ -10,10 +10,9 @@
|
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
@mixin show-for($breakpoint) {
|
|
13
|
-
display: none !important;
|
|
14
13
|
@if sassmap.get(breakpoint.$map, $breakpoint) {
|
|
15
|
-
@include breakpoint.get($breakpoint) {
|
|
16
|
-
display:
|
|
14
|
+
@include breakpoint.get($breakpoint, downfrom) {
|
|
15
|
+
display: none !important;
|
|
17
16
|
}
|
|
18
17
|
} @else {
|
|
19
18
|
@warn 'show-for() parameter breakpoint is not defined in the breakpoint.$map map';
|
|
@@ -21,7 +20,6 @@
|
|
|
21
20
|
}
|
|
22
21
|
|
|
23
22
|
@mixin hide-for($breakpoint) {
|
|
24
|
-
display: inherit !important;
|
|
25
23
|
@if sassmap.get(breakpoint.$map, $breakpoint) {
|
|
26
24
|
@include breakpoint.get($breakpoint) {
|
|
27
25
|
display: none !important;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
:export{orange:#f15e00;orange-dark:#f15e00;black:#000;white:#fff;blue:#4bb4e6;green:#50be87;pink:#ffb4e6;violet:#a885d8;yellow:#ffd200;gray-300:#eee;gray-400:#ddd;gray-500:#ddd;gray-600:#999;gray-700:#666;gray-800:#595959;gray-900:#333;success:rgba(34,135,34,.078);danger:rgba(205,60,20,.078);info:rgba(65,112,216,.078);warning:rgba(255,204,0,.078)}
|
|
2
|
-
/*# sourceMappingURL=index.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["color.scss"],"names":[],"mappings":"AAAA,QACE,cAAe,CACf,mBAAoB,CACpB,UAAc,CACd,UAAc,CACd,YAAa,CACb,aAAc,CACd,YAAa,CACb,cAAe,CACf,cAAe,CACf,aAAiB,CACjB,aAAc,CACd,aAAiB,CACjB,aAAc,CACd,aAAc,CACd,gBAAiB,CACjB,aAAc,CACd,4BAAwC,CACxC,2BAAuC,CACvC,0BAAsC,CACtC,4BACF","file":"index.css","sourcesContent":[":export {\n orange: #f15e00;\n orange-dark: #f15e00;\n black: #000000;\n white: #ffffff;\n blue: #4bb4e6;\n green: #50be87;\n pink: #ffb4e6;\n violet: #a885d8;\n yellow: #ffd200;\n gray-300: #eeeeee;\n gray-400: #ddd;\n gray-500: #dddddd;\n gray-600: #999;\n gray-700: #666;\n gray-800: #595959;\n gray-900: #333;\n success: rgba(34, 135, 34, 0.0784313725);\n danger: rgba(205, 60, 20, 0.0784313725);\n info: rgba(65, 112, 216, 0.0784313725);\n warning: rgba(255, 204, 0, 0.0784313725);\n}"]}
|
package/build/lib/scripts.css
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
:export{orange:#f15e00;orange-dark:#f15e00;black:#000;white:#fff;blue:#4bb4e6;green:#50be87;pink:#ffb4e6;violet:#a885d8;yellow:#ffd200;gray-300:#eee;gray-400:#ddd;gray-500:#ddd;gray-600:#999;gray-700:#666;gray-800:#595959;gray-900:#333;success:rgba(34,135,34,.078);danger:rgba(205,60,20,.078);info:rgba(65,112,216,.078);warning:rgba(255,204,0,.078)}
|
|
2
|
-
/*# sourceMappingURL=scripts.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["color.scss"],"names":[],"mappings":"AAAA,QACE,cAAe,CACf,mBAAoB,CACpB,UAAc,CACd,UAAc,CACd,YAAa,CACb,aAAc,CACd,YAAa,CACb,cAAe,CACf,cAAe,CACf,aAAiB,CACjB,aAAc,CACd,aAAiB,CACjB,aAAc,CACd,aAAc,CACd,gBAAiB,CACjB,aAAc,CACd,4BAAwC,CACxC,2BAAuC,CACvC,0BAAsC,CACtC,4BACF","file":"scripts.css","sourcesContent":[":export {\n orange: #f15e00;\n orange-dark: #f15e00;\n black: #000000;\n white: #ffffff;\n blue: #4bb4e6;\n green: #50be87;\n pink: #ffb4e6;\n violet: #a885d8;\n yellow: #ffd200;\n gray-300: #eeeeee;\n gray-400: #ddd;\n gray-500: #dddddd;\n gray-600: #999;\n gray-700: #666;\n gray-800: #595959;\n gray-900: #333;\n success: rgba(34, 135, 34, 0.0784313725);\n danger: rgba(205, 60, 20, 0.0784313725);\n info: rgba(65, 112, 216, 0.0784313725);\n warning: rgba(255, 204, 0, 0.0784313725);\n}"]}
|