@castlabs/ui 5.3.0 → 5.4.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.
Files changed (10) hide show
  1. package/dist/castlabs-ui.common.js +3 -4
  2. package/dist/castlabs-ui.common.js.map +1 -1
  3. package/dist/castlabs-ui.css +3 -3
  4. package/dist/castlabs-ui.umd.js +7 -8
  5. package/dist/castlabs-ui.umd.js.map +1 -1
  6. package/package.json +1 -1
  7. package/src/styles/layout/grid.scss +0 -27
  8. package/src/styles/layout/helper.scss +58 -0
  9. package/src/styles/layout/typography.scss +0 -19
  10. package/src/styles/ui.scss +12 -10
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@castlabs/ui",
3
- "version": "5.3.0",
3
+ "version": "5.4.0",
4
4
  "repository": "https://github.com/castlabs/ui-styleguide",
5
5
  "private": false,
6
6
  "description": "A vanilla HTML/CS/JS & Vue.js component library for castLabs.",
package/src/styles/layout/grid.scss CHANGED
@@ -95,33 +95,6 @@ main {
95
95
  }
96
96
  }
97
97
 
98
- .cl-flex-center-center {
99
- align-items: center;
100
- display: flex;
101
- height: 100%;
102
- justify-content: center;
103
- width: 100%;
104
- }
105
-
106
- .cl-faded {
107
- opacity: 0.5;
108
- }
109
-
110
- h1.cl-faded,
111
- .cl-h1.cl-faded,
112
- h2.cl-faded,
113
- .cl-h2.cl-faded,
114
- h3.cl-faded,
115
- .cl-h3.cl-faded,
116
- h4.cl-faded,
117
- .cl-h4.cl-faded,
118
- h5.cl-faded,
119
- .cl-h5.cl-faded,
120
- h6.cl-faded,
121
- .cl-h6.cl-faded {
122
- opacity: 0.3;
123
- }
124
-
125
98
  // -----------------------------------------------------------------------------
126
99
  img {
127
100
  max-width: 100%;
package/src/styles/layout/helper.scss ADDED
@@ -0,0 +1,58 @@
1
+ ////
2
+ /// @group layout
3
+ /// @access public
4
+ ////
5
+
6
+ // This file defines various helper classes for easy css style access.
7
+
8
+ .cl-nowrap {
9
+ text-wrap: nowrap;
10
+ }
11
+
12
+ .cl-faded {
13
+ opacity: 0.5;
14
+ }
15
+
16
+ h1.cl-faded,
17
+ .cl-h1.cl-faded,
18
+ h2.cl-faded,
19
+ .cl-h2.cl-faded,
20
+ h3.cl-faded,
21
+ .cl-h3.cl-faded,
22
+ h4.cl-faded,
23
+ .cl-h4.cl-faded,
24
+ h5.cl-faded,
25
+ .cl-h5.cl-faded,
26
+ h6.cl-faded,
27
+ .cl-h6.cl-faded {
28
+ opacity: 0.3;
29
+ }
30
+
31
+ @for $i from 0 through 100 {
32
+ .cl-opacity-#{$i} {
33
+ opacity: math.div($i, 100);
34
+ }
35
+ }
36
+
37
+ .cl-text-start,
38
+ .text-start {
39
+ text-align: left;
40
+ }
41
+
42
+ .cl-text-center,
43
+ .text-center {
44
+ text-align: center;
45
+ }
46
+
47
+ .cl-text-end,
48
+ .text-end {
49
+ text-align: right;
50
+ }
51
+
52
+ .cl-flex-center-center {
53
+ align-items: center;
54
+ display: flex;
55
+ height: 100%;
56
+ justify-content: center;
57
+ width: 100%;
58
+ }
package/src/styles/layout/typography.scss CHANGED
@@ -260,21 +260,6 @@ main {
260
260
 
261
261
  // --- redefine bs utilities we use so we don't need to pull the whole set -----
262
262
 
263
- .cl-text-start,
264
- .text-start {
265
- text-align: left;
266
- }
267
-
268
- .cl-text-center,
269
- .text-center {
270
- text-align: center;
271
- }
272
-
273
- .cl-text-end,
274
- .text-end {
275
- text-align: right;
276
- }
277
-
278
263
  @each $bp, $px in $grid-breakpoints {
279
264
  .text-#{$bp}-start {
280
265
  @include media-breakpoint-up($bp) {
@@ -303,10 +288,6 @@ main {
303
288
  }
304
289
  }
305
290
 
306
- .cl-nowrap {
307
- text-wrap: nowrap;
308
- }
309
-
310
291
  // --- text select -------------------------------------------------------------
311
292
 
312
293
  ::selection {
package/src/styles/ui.scss CHANGED
@@ -15,11 +15,13 @@ $castlabs-ui-asset-prefix: '..' !default;
15
15
  @import 'bootstrap/scss/helpers/ratio';
16
16
  @import 'global';
17
17
  @import 'assets/logo';
18
- @import 'layout/spacing';
18
+
19
+ @import 'layout/animation';
19
20
  @import 'layout/grid';
20
- @import 'layout/typography';
21
+ @import 'layout/helper';
21
22
  @import 'layout/section';
22
- @import 'layout/animation';
23
+ @import 'layout/spacing';
24
+ @import 'layout/typography';
23
25
 
24
26
  // Vue components
25
27
  @import '../components/ClAlert/style';
@@ -42,26 +44,23 @@ $castlabs-ui-asset-prefix: '..' !default;
42
44
  @import '../components/ClToggle/style';
43
45
  @import '../components/ClTooltip/style';
44
46
  @import '../components/ClWizard/style';
45
- @import '../components/form/ClForm/style';
46
47
  @import '../components/form/ClField/style';
47
48
  @import '../components/form/ClFieldCheck/style';
48
49
  @import '../components/form/ClFieldFile/style';
50
+ @import '../components/form/ClFieldGroup/style';
49
51
  @import '../components/form/ClFieldInput/style';
50
52
  @import '../components/form/ClFieldSelect/style';
51
53
  @import '../components/form/ClFieldSet/style';
52
- @import '../components/form/ClFieldGroup/style';
54
+ @import '../components/form/ClForm/style';
53
55
  @import '../components/modal/ClModal/style';
54
- @import '../components/navigation/ClNavSide/style';
55
56
  @import '../components/navigation/ClNavSide/ClNavDrawer/style';
56
57
  @import '../components/navigation/ClNavSide/ClNavSideMenu/style';
58
+ @import '../components/navigation/ClNavSide/style';
57
59
  @import '../components/navigation/ClNavTop/style';
58
60
  @import '../components/section/ClSectionForm/style';
59
61
  @import '../components/section/ClSectionHeadline/style';
60
62
  @import '../components/section/ClSectionMainSide/style';
61
63
  @import '../components/table/ClTable/style';
62
- @import '../components/table/ClTableFootChecked/style';
63
- @import '../components/table/ClTableHead/style';
64
- @import '../components/table/ClTableCel/style';
65
64
  @import '../components/table/ClTableCel/Actions/style';
66
65
  @import '../components/table/ClTableCel/Audit/style';
67
66
  @import '../components/table/ClTableCel/Boolean/style';
@@ -71,12 +70,15 @@ $castlabs-ui-asset-prefix: '..' !default;
71
70
  @import '../components/table/ClTableCel/Date/style';
72
71
  @import '../components/table/ClTableCel/ID/style';
73
72
  @import '../components/table/ClTableCel/Links/style';
73
+ @import '../components/table/ClTableCel/style';
74
+ @import '../components/table/ClTableFootChecked/style';
75
+ @import '../components/table/ClTableHead/style';
74
76
  @import '../components/text/ClCopy/style';
77
+ @import '../components/text/ClHashtag/style';
75
78
  @import '../components/text/ClLinkExternal/style';
76
79
  @import '../components/text/ClOrg/style';
77
80
  @import '../components/text/ClPlan/style';
78
81
  @import '../components/text/ClRole/style';
79
- @import '../components/text/ClHashtag/style';
80
82
  @import '../components/widget/ClBackCancelOk/style';
81
83
  @import '../components/widget/ClCookieBanner/style';
82
84
  @import '../components/widget/ClPage/style';