@rolster/react-components 18.21.27 → 18.21.28

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 (8) hide show
  1. package/dist/cjs/assets/{index-BW6KjVET.css → index-DRZWilOp.css} +5 -5
  2. package/dist/es/assets/{index-BW6KjVET.css → index-DRZWilOp.css} +5 -5
  3. package/dist/esm/components/atoms/InputSearch/InputSearch.css +1 -1
  4. package/dist/esm/components/atoms/MessageIcon/MessageIcon.css +1 -1
  5. package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.css +1 -1
  6. package/dist/esm/components/organisms/FieldDate/FieldDate.css +1 -1
  7. package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.css +1 -1
  8. package/package.json +2 -2
package/dist/cjs/assets/{index-BW6KjVET.css → index-DRZWilOp.css} RENAMED
@@ -618,7 +618,7 @@
618
618
  align-items: center;
619
619
  padding: var(--rls-sizing-x4) var(--rls-sizing-x6);
620
620
  box-sizing: border-box;
621
- background: var(rlc-input-search-background, var(--rls-app-color-100));
621
+ background: var(--rlc-input-search-background, var(--rls-app-color-100));
622
622
  border-radius: var(--rls-sizing-x4);
623
623
  }
624
624
 
@@ -643,7 +643,7 @@
643
643
 
644
644
  .rls-message-icon {
645
645
  --rlc-icon-color: var(--rls-theme-color-500);
646
- --rlc-icon-dimesion: var(--rls-sizing-x8);
646
+ --rlc-icon-dimension: var(--rls-sizing-x8);
647
647
  display: flex;
648
648
  align-items: center;
649
649
  column-gap: var(--rls-sizing-x2);
@@ -1957,7 +1957,7 @@
1957
1957
  --pvt-control-opacity: 1;
1958
1958
  }
1959
1959
  .rls-field-autocomplete.rls-field-box--selected {
1960
- --pvt-control-width: calc(100% - var(--rlc-fieldbox-action-dimension));
1960
+ --pvt-control-width: calc(100% - var(--pvt-action-dimension));
1961
1961
  }
1962
1962
  .rls-field-autocomplete.rls-field-box--disabled {
1963
1963
  --pvt-control-opacity: 0.5;
@@ -2197,7 +2197,7 @@
2197
2197
  opacity: 0.5;
2198
2198
  }
2199
2199
  .rls-field-date__action {
2200
- --rlc-icon-dimesion: calc(var(--pvt-action-dimension) - 2rem);
2200
+ --rlc-icon-dimension: calc(var(--pvt-action-dimension) - 2rem);
2201
2201
  width: var(--pvt-action-dimension);
2202
2202
  height: var(--pvt-action-dimension);
2203
2203
  color: var(--rls-app-color-600);
@@ -2329,7 +2329,7 @@
2329
2329
  opacity: 0.5;
2330
2330
  }
2331
2331
  .rls-field-date-range__action {
2332
- --rlc-icon-dimesion: calc(var(--pvt-action-dimension) - 2rem);
2332
+ --rlc-icon-dimension: calc(var(--pvt-action-dimension) - 2rem);
2333
2333
  width: var(--pvt-action-dimension);
2334
2334
  height: var(--pvt-action-dimension);
2335
2335
  color: var(--rls-app-color-600);
package/dist/es/assets/{index-BW6KjVET.css → index-DRZWilOp.css} RENAMED
@@ -618,7 +618,7 @@
618
618
  align-items: center;
619
619
  padding: var(--rls-sizing-x4) var(--rls-sizing-x6);
620
620
  box-sizing: border-box;
621
- background: var(rlc-input-search-background, var(--rls-app-color-100));
621
+ background: var(--rlc-input-search-background, var(--rls-app-color-100));
622
622
  border-radius: var(--rls-sizing-x4);
623
623
  }
624
624
 
@@ -643,7 +643,7 @@
643
643
 
644
644
  .rls-message-icon {
645
645
  --rlc-icon-color: var(--rls-theme-color-500);
646
- --rlc-icon-dimesion: var(--rls-sizing-x8);
646
+ --rlc-icon-dimension: var(--rls-sizing-x8);
647
647
  display: flex;
648
648
  align-items: center;
649
649
  column-gap: var(--rls-sizing-x2);
@@ -1957,7 +1957,7 @@
1957
1957
  --pvt-control-opacity: 1;
1958
1958
  }
1959
1959
  .rls-field-autocomplete.rls-field-box--selected {
1960
- --pvt-control-width: calc(100% - var(--rlc-fieldbox-action-dimension));
1960
+ --pvt-control-width: calc(100% - var(--pvt-action-dimension));
1961
1961
  }
1962
1962
  .rls-field-autocomplete.rls-field-box--disabled {
1963
1963
  --pvt-control-opacity: 0.5;
@@ -2197,7 +2197,7 @@
2197
2197
  opacity: 0.5;
2198
2198
  }
2199
2199
  .rls-field-date__action {
2200
- --rlc-icon-dimesion: calc(var(--pvt-action-dimension) - 2rem);
2200
+ --rlc-icon-dimension: calc(var(--pvt-action-dimension) - 2rem);
2201
2201
  width: var(--pvt-action-dimension);
2202
2202
  height: var(--pvt-action-dimension);
2203
2203
  color: var(--rls-app-color-600);
@@ -2329,7 +2329,7 @@
2329
2329
  opacity: 0.5;
2330
2330
  }
2331
2331
  .rls-field-date-range__action {
2332
- --rlc-icon-dimesion: calc(var(--pvt-action-dimension) - 2rem);
2332
+ --rlc-icon-dimension: calc(var(--pvt-action-dimension) - 2rem);
2333
2333
  width: var(--pvt-action-dimension);
2334
2334
  height: var(--pvt-action-dimension);
2335
2335
  color: var(--rls-app-color-600);
package/dist/esm/components/atoms/InputSearch/InputSearch.css CHANGED
@@ -5,6 +5,6 @@
5
5
  align-items: center;
6
6
  padding: var(--rls-sizing-x4) var(--rls-sizing-x6);
7
7
  box-sizing: border-box;
8
- background: var(rlc-input-search-background, var(--rls-app-color-100));
8
+ background: var(--rlc-input-search-background, var(--rls-app-color-100));
9
9
  border-radius: var(--rls-sizing-x4);
10
10
  }
package/dist/esm/components/atoms/MessageIcon/MessageIcon.css CHANGED
@@ -1,6 +1,6 @@
1
1
  .rls-message-icon {
2
2
  --rlc-icon-color: var(--rls-theme-color-500);
3
- --rlc-icon-dimesion: var(--rls-sizing-x8);
3
+ --rlc-icon-dimension: var(--rls-sizing-x8);
4
4
  display: flex;
5
5
  align-items: center;
6
6
  column-gap: var(--rls-sizing-x2);
package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.css CHANGED
@@ -3,7 +3,7 @@
3
3
  --pvt-control-opacity: 1;
4
4
  }
5
5
  .rls-field-autocomplete.rls-field-box--selected {
6
- --pvt-control-width: calc(100% - var(--rlc-fieldbox-action-dimension));
6
+ --pvt-control-width: calc(100% - var(--pvt-action-dimension));
7
7
  }
8
8
  .rls-field-autocomplete.rls-field-box--disabled {
9
9
  --pvt-control-opacity: 0.5;
package/dist/esm/components/organisms/FieldDate/FieldDate.css CHANGED
@@ -38,7 +38,7 @@
38
38
  opacity: 0.5;
39
39
  }
40
40
  .rls-field-date__action {
41
- --rlc-icon-dimesion: calc(var(--pvt-action-dimension) - 2rem);
41
+ --rlc-icon-dimension: calc(var(--pvt-action-dimension) - 2rem);
42
42
  width: var(--pvt-action-dimension);
43
43
  height: var(--pvt-action-dimension);
44
44
  color: var(--rls-app-color-600);
package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.css CHANGED
@@ -35,7 +35,7 @@
35
35
  opacity: 0.5;
36
36
  }
37
37
  .rls-field-date-range__action {
38
- --rlc-icon-dimesion: calc(var(--pvt-action-dimension) - 2rem);
38
+ --rlc-icon-dimension: calc(var(--pvt-action-dimension) - 2rem);
39
39
  width: var(--pvt-action-dimension);
40
40
  height: var(--pvt-action-dimension);
41
41
  color: var(--rls-app-color-600);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rolster/react-components",
3
- "version": "18.21.27",
3
+ "version": "18.21.28",
4
4
  "type": "module",
5
5
  "description": "Package containing UI components for React Project.",
6
6
  "module": "dist/esm/index.js",
@@ -49,7 +49,7 @@
49
49
  "@rollup/plugin-node-resolve": "^15.2.1",
50
50
  "@rollup/plugin-typescript": "^11.1.3",
51
51
  "@rolster/rollup": "^1.0.6",
52
- "@rolster/styles-foundations": "^2.5.22",
52
+ "@rolster/styles-foundations": "^2.5.23",
53
53
  "@rolster/types": "^1.1.0",
54
54
  "@types/node-sass": "^4.11.4",
55
55
  "@types/react": "^18.0.28",